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

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

May 16, 2016 pm 04:38 PM
元素 样式 添加

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>
Copier après la connexion

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 ^_^

.
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

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

macOS : Comment changer la couleur des widgets du bureau macOS : Comment changer la couleur des widgets du bureau Oct 07, 2023 am 08:17 AM

macOS : Comment changer la couleur des widgets du bureau

Tutoriel sur l'ajout d'un nouveau disque dur dans Win11 Tutoriel sur l'ajout d'un nouveau disque dur dans Win11 Jan 05, 2024 am 09:39 AM

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

Comment ajouter un téléviseur à Mijia Comment ajouter un téléviseur à Mijia Mar 25, 2024 pm 05:00 PM

Comment ajouter un téléviseur à Mijia

Tutoriel pour créer rapidement des raccourcis sur le bureau dans Win11 Tutoriel pour créer rapidement des raccourcis sur le bureau dans Win11 Dec 27, 2023 pm 04:29 PM

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

Guide pour résoudre le désalignement des pages Web WordPress Guide pour résoudre le désalignement des pages Web WordPress Mar 05, 2024 pm 01:12 PM

Guide pour résoudre le désalignement des pages Web WordPress

Outlook bloqué lors de l'ajout d'un compte [Corrigé] Outlook bloqué lors de l'ajout d'un compte [Corrigé] Mar 23, 2024 pm 12:21 PM

Outlook bloqué lors de l'ajout d'un compte [Corrigé]

Comment ajouter un nouveau script dans Tampermonkey-Comment supprimer un script dans Tampermonkey Comment ajouter un nouveau script dans Tampermonkey-Comment supprimer un script dans Tampermonkey Mar 18, 2024 pm 12:10 PM

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 Comment se connecter au réseau Polygon dans le portefeuille MetaMask ? Guide didacticiel pour connecter le portefeuille MetaMask au réseau Polygon Jan 19, 2024 pm 04:36 PM

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

See all articles