Ajoutez plusieurs styles aux éléments via js, entièrement compatible avec les compétences browsers_javascript

js ajoute plusieurs styles aux éléments, entièrement compatibles avec les navigateurs. Exemple de méthode d'écriture :

<a href="javascript:;" id="test" style="font-size:25px;background:#080;">测试3</a>
<script>
var obj=document.getElementById("test");
var oldStyle=obj.style.cssText;
alert(oldStyle);
obj.style.cssText="border:2px red solid;color:#f00;"+oldStyle;
</script>

js ajoute plusieurs styles aux éléments. Le moyen le plus rapide et le plus pratique consiste à utiliser l'attribut cssText, mais il réécrira la valeur d'origine de l'ensemble du style. Pour conserver la valeur de style d'origine, c'est très simple. comme dans l'exemple ci-dessus. Utilisez une variable pour enregistrer la valeur de style d'origine, puis effectuez une concaténation de chaînes.

Mais une chose à noter est la suivante : la dernière valeur de style renvoyée par obj.style.cssText dans les navigateurs IE8 et inférieurs n'a pas de point-virgule et ressemble à : font-size:25px;background:#080. Je veux juste dire que c'est toujours aussi désagréable, haha.

Donc, dans l'exemple, oldStyle est intentionnellement placé après l'épissage de la chaîne. De cette façon, même si la dernière valeur de style de la chaîne de style épissée n'a pas de point-virgule, il n'y aura aucun problème d'affichage de l'application de style. dans chaque navigateur sera cohérent. C'est aussi C'est une petite astuce, ce n'est pas très technique, mais c'est facile à ignorer ou à oublier, alors je vais le marquer ^_^

.