Après avoir lu la "méthode d'implémentation pour créer ou ajouter dynamiquement des feuilles de style CSS avec JavaScript", il est facile pour vous de comprendre comment modifier les feuilles de style CSS.
J'ai rencontré un ami sur le forum aujourd'hui posant cette question:
<style> .ls {width = 120px;} </ style> <script> // Ajoutez une phrase ici pour modifier la valeur de la largeur dans .ls, comment l'écrire </cript>Certains amis ont répondu: "S'il y a de nombreux objets utilisant .ls, il est vraiment gênant d'utiliser JS, jQuery est pratique, $ (". Ls "). Width (200); c'est bien."
Il veut utiliser la classe Selector.LS de JQ pour sélectionner tous les objets qui utilisent ce style et les ajuster un par un, plutôt que de modifier la feuille de style CSS, il y a donc des préoccupations concernant "beaucoup d'objets".
Mais le problème est que cela ne change que le style d'expression spécifique de ces objets, pas les paramètres .ls. Si un autre élément utilisant le style .ls apparaît, ce sera toujours le même. Vous devez toujours ajuster cet élément, pour traiter les symptômes mais pas la cause profonde. De plus, cette méthode détermine également qu'il est impossible de le réaliser simplement en une phrase.
Il y a pas mal de gens qui y réfléchissent, et si vous lisez l'article "Méthode d'implémentation pour créer ou ajouter des feuilles de style CSS avec JavaScript", je crois que vous pensez facilement à la façon de résoudre ce problème dans une phrase, qui est à la fois concise et efficace (le navigateur réinitialisera automatiquement tous les éléments qui appliquent ce style) et modifieront vraiment les paramètres de style. Les éléments nouvellement ajoutés qui utilisent ce style appliquera automatiquement les paramètres modifiés. Ainsi, vous avez appris des connaissances de niveau supérieur qui se distinguent de nombreuses personnes. Permettez-moi d'expliquer la méthode en détail ci-dessous:
En raison de l'exemple ci-dessus, il n'est pas facile de voir l'effet. J'ai écrit un autre exemple ci-dessous. Il est plus facile de voir l'effet à travers le changement de couleur:
<Style> .forever {width: 50px; couleur: rouge;} # theforever {width: 150px; couleur: argent;} </ style> <div> il devrait être rouge ici, mais il sera devenu jaune par le js ci-dessous en modifiant les paramètres de style CSS </ div> <div id = "Theforever"> devrait être en gris CSS ici. En effet, cela ne changera pas, juste pour la comparaison </div> <cript> document.stylesheets [0] .csstext = document.stylesheets [0] .csstext.replace (/ red / g, "jaune"); // n'est-ce pas? </cript>L'exemple ci-dessus n'est pas destiné à un nom de style spécifique, mais des couleurs générales (si vous la déplacez directement dans une page CSS plus complexe avec des mots rouges qui n'indiquent pas les couleurs, cela peut également conduire à des erreurs. J'ai toujours été extrêmement dégoûté de l'utilisation d'un code qui n'est pas basé sur le cerveau et ne donne pas trop d'instructions), mais il est également facile de le changer en un nom de style spécifique:
D'après ce qui précède, nous pouvons voir que document.stylesheets [0] .csstext est le contenu de l'ensemble de <style> </ style>, ce qui équivaut à une variable de chaîne. Donc, si vous souhaitez modifier ses paramètres pour .ls, vous n'avez qu'à utiliser ".ls {width = 120px;}" comme partie de remplacement pour remplacer et ".ls {width = 555px;}" comme cible de remplacement, et c'est bien.
L'article ci-dessus sur la façon de modifier dynamiquement les feuilles de style CSS avec JavaScript est tout le contenu que je partage avec vous. J'espère que cela pourra vous donner une référence et j'espère que vous pourrez soutenir Wulin.com plus.