11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
Je désire modifier de manière dynamique la première ligne des paragraphes (par ex au clic de la souris). Pour ce faire sous FF j'écris



var nelle_regle="p:first-line {color : #ff0000 ; font-variant: small-caps;font-size: 24px; }";
.....
document.styleSheets[0].insertRule(nelle_regle, indexfin);


Pas de problème. Toutefois sous IE je n'arrive pas à accéder à la pseudo classe :first-line.
J'ai essayé

var nelleIE=":first-line{color : #ff0000 ; font-variant: small-caps;font-size: 24px; }";
....
var balise = 'p';
document.styleSheets[0].addRule(balise,nouvelle_regle, indexfin)



ou

var nelleIE="{color : #ff0000 ; font-variant: small-caps;font-size: 24px; }";
....
var balise = 'p:first-line';
document.styleSheets[0].addRule(balise,nouvelle_regle, indexfin)



mais aucune des deux solutions ne donne de bons résultats. Y a t'il un truc particulier pour IE ?
Merci