


Ajoutez plusieurs styles aux éléments via js, entièrement compatible avec les compétences browsers_javascript
May 16, 2016 pm 04:38 PMjs 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 ^_^
.
Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

macOS : Comment changer la couleur des widgets du bureau

Tutoriel sur l'ajout d'un nouveau disque dur dans Win11

Comment ajouter un téléviseur à Mijia

Tutoriel pour créer rapidement des raccourcis sur le bureau dans Win11

Guide pour résoudre le désalignement des pages Web WordPress
![Outlook bloqué lors de l'ajout d'un compte [Corrigé]](https://img.php.cn/upload/article/000/887/227/171116770937641.jpg?x-oss-process=image/resize,m_fill,h_207,w_330)
Outlook bloqué lors de l'ajout d'un compte [Corrigé]

Comment ajouter un nouveau script dans Tampermonkey-Comment supprimer un script dans Tampermonkey

Comment se connecter au réseau Polygon dans le portefeuille MetaMask ? Guide didacticiel pour connecter le portefeuille MetaMask au réseau Polygon
