Простая реализация добавления нескольких классов в элементы с помощью JavaScript
<html> <Head> <style type = "text/css"> .div2 {font-size: 16px; Цвет: оранжевый; } .div3 {font-size: 20px; Цвет: синий; } <style> <script type = "text/javascript"> [1] напрямую назначьте стиль с classname var Odiv = document.getElementById ('div1'); ODIV.ClassName = div3 // Таким образом, мы получим Class = "div3" и прямо перезаписынем стиль Div2; [2] Используйте накопление, чтобы присвоить значение классноме var ordiv = document.getElementbyId ('div1'); ODIV.ClassName+= ""+div3 // Существует разрыв между стилем и стилем, поэтому добавьте пустую строку, чтобы разделить ее // Это можно добавлять нормально, но когда мы добавляем стиль, мы должны рассмотреть, имеет ли он ранее тот же стиль. Если мы добавим его, это станет бременем, например, class = "div2 div3 div3"; [3] Проверьте, имеет ли стиль тот же стиль до var Odiv = document.getElementById ('div1'); функция hasclass (element, csname) {element.classname.match (regexp ('(// s |^)'+csname+'(// s | $)')); // Использование регулярного обнаружения, чтобы увидеть, есть ли тот же стиль} [4] на основе [3], мы можем судить стиль по элементу. var Odiv = document.getElementById ('div1'); функция hasclass (element, csname) {return element.classname.match (regexp ('(// s |^)'+csname+'(// s | $)')); // Использование регулярного обнаружения, чтобы увидеть, есть ли тот же стиль} функция addClass (element, csname) {if (! Hasclass (element, csname)) {element.classname+= ''+csname; } addClass (Odiv, 'div3'); // таким образом вы можете гибко добавить стили в элемент; [Элемент Удалить указанный стиль] // то же самое, чтобы сначала вынести суждение и удалить var Odiv = document.getElementById ('div1'); функция hasclass (element, csname) {return element.classname.match (regexp ('(// s |^)'+csname+'(// s | $)')); // Использовать регулярное обнаружение, чтобы увидеть, есть ли один и тот же стиль} функция deleTeclass (element, csname) {if (! Hasclass (element, csname)) {element.classname.replace (regexp ('(// s |^)'+csname+'(// s | $)'), ''); // Использование обычного для захвата названия стиля, который будет удален, а затем замените его пустой строкой, которая эквивалентна удалению} deleteClass (Odiv, Div3); } </script> </head> <body> <div id = "div1" class = 'div2'> test </div> </body> </html>Простая реализация добавления нескольких классов в элементы в JavaScript - это весь контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.