Supprimer des classes entre les balises <style>

Bonjour,

Mon script crée dynamiquement des classes ajoutées ensuite à la balise <style>

Code:

---

1 2 3

var style= '.ma_region_my-container_'+i+':before{content: " ";display: block;position: absolute;width: 100%;height: 100%;z-index: 0;opacity: 1;background-image: url("'+url_photo_std+'");background-repeat: no-repeat;background-position: 50% 50%;-o-background-size: cover;background-size: cover;}';   $('head > style').append(style);

---

Ces classes sont utilisées de façon temporaire et doivent donc être supprimées de la balise <style> car elles alourdissent inutilement la page Html

Je n'arrive pas à supprimer ces classes entre les balises <style>

merci

Voir :

• CSSStyleSheet.insertRule()
• CSSStyleSheet.deleteRule()

Pour connaître le nombre de sheet (dépends aussi du nombre de "link") : console.log( document.styleSheets );.

Si "head > style" correspond au sheet numéro 1, alors :

Code:

---

1 2	document.styleSheets[1].insertRule( "#blanc { color: white }", 0 ); document.styleSheets[1].deleteRule( 0 );

---

À noter que document.styleSheets[1].deleteRule( 0 ); efface la première règle dans "head > style".

Il est aussi possible d'utiliser JS pour créer et supprimer du CSS. Exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

$( function(){   var cssApply = { // format Objet JSON "color" : "white", "background-color" : "blue" }, cssDelete = { "color" : "", "background-color" : "" };   $( "body" ).css( cssApply );   setTimeout( function(){ $( "body" ).css( cssDelete ); }, 5000 ); // 5s   });

---

Non c'est bon pour tout !

Merci beaucoup

Finalement non ...

Il est impossible de supprimer et d'ajouter à la suite ou inversement ça plante.

Je pense comprendre pourquoi... On ajoute des classes qui seront classés par rapport à une valeur d'index or si on en supprime les index sont bouleversés et l'insertion devient impossible.
Bref pas simple...

Code:

---

IndexSizeError: Index or size is negative or greater than the allowed amount

---

C'est le message d'erreur que j'obtiens quand j'ajoute des classes apres suppression

Bonjour,

Citation:

---

Ces classes sont utilisées de façon temporaire et doivent donc être supprimées de la balise <style> car elles alourdissent inutilement la page Html

---

j'ai du mal à comprendre en quoi elles alourdissent la page HTML !?!

Dans l'utilisation d'une "librairie" CSS il arrive fréquemment que plus de 80% des déclarations ne soient pas utilisés, c'est d'ailleurs un axe d'amélioration possible.

Solution trouvée !

merci à danielhagnoul