Implémentation simple de l'ajout de plusieurs classes à des éléments par JavaScript
<html> <éadfr> <style type = "text / css"> .div2 {font-size: 16px; couleur: orange; } .div3 {Font-Size: 20px; Couleur: bleu; } <style> <script type = "text / javascript"> [1] attribuez directement le style à classname var odiv = document.getElementById ('div1'); odiv.classname = div3 // De cette façon, nous obtiendrons class = "div3" et écraserons directement le style Div2; [2] Utilisez l'accumulation pour attribuer la valeur à classname var odiv = document.getElementById ('div1'); odiv.classname + = "" + div3 // Il y a un écart entre le style et le style, alors ajoutez une chaîne vide pour le séparer // Cela peut être ajouté normalement, mais lorsque nous ajoutons le style, nous devons nous demander s'il a le même style avant. Si nous l'ajoutons, il deviendra un fardeau, par exemple class = "div2 div3 div3"; [3] Vérifiez si le style a le même style avant var odiv = document.getElementById ('div1'); fonction hasclass (élément, csname) {element.classname.match (regexp ('(// s | ^)' + csname + '(// s | $)')); // Utilisez une détection régulière pour voir s'il y a le même style} [4] basé sur [3], nous pouvons juger le style de l'élément. var odiv = document.getElementById ('div1'); fonction hasclass (élément, csname) {return element.classname.match (regexp ('(// s | ^)' + csname + '(// s | $)')); // Utilisez une détection régulière pour voir s'il y a la même fonction} function addClass (élément, csname) {if (! HasClass (élément, csname)) {element.classname + = '' + csname; } addClass (odiv, 'div3'); // De cette façon, vous pouvez ajouter des styles à l'élément de manière flexible; [Élément supprimer le style spécifié] // même chose pour rendre le jugement en premier, et supprimer var odiv = document.getElementById ('div1'); fonction hasclass (élément, csname) {return element.classname.match (regexp ('(// s | ^)' + csname + '(// s | $)')); // Utilisez une détection régulière pour voir s'il y a le même style} fonction deleteclass (élément, csname) {if (! Hasclass (élément, csname)) {element.classname.replace (regexp ('(// s | ^)' + csname + '(// s | $)'), ''); // Utilisez le habitué pour capturer le nom du style à supprimer, puis le remplacer par une chaîne vierge, ce qui équivaut à la suppression} DeleteClass (ODIV, div3); } </ script> </ head> <body> <div id = "div1" class = 'div2'> test </div> </ body> </html>L'implémentation simple de l'ajout de plusieurs classes aux éléments dans JavaScript est le contenu complet que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.