Tutoriel sur l'utilisation de style.cssText dans les compétences JavaScript_javascript

De nombreuses personnes ont utilisé style.color, style.display, etc. pour définir directement les attributs de style des éléments, mais peu de personnes ont utilisé style.cssText.

Quelle est l'essence de cssText ?

L'essence de cssText est de définir la valeur de l'attribut de style des éléments HTML.

Comment utiliser CSSText ?

Copier le code Le code est le suivant :

document.getElementById("d1").style.cssText = "color:red; font-size:13px;";

Après avoir lu cet exemple, je pense que vous savez également ce que style.cssText signifie : définir l'attribut de style des éléments HTML.

Quelle est la valeur de retour de cssText ?

Dans certains navigateurs (tels que Chrome), quelle que soit la valeur que vous lui attribuez, elle sera renvoyée. Dans IE, c'est plus pénible. Il formatera la sortie, mettra les attributs en majuscule, modifiera l'ordre des attributs et supprimera le dernier point-virgule, tel que :

Copier le code Le code est le suivant :

document.getElementById("d1").style.cssText = "color:red; font-size:13px;";
alert(document.getElementById("d1").style.cssText);

Les valeurs dans IE sont : FONT-SIZE : 13px COULEUR : rouge.