Implementação simples de adicionar várias classes aos elementos por JavaScript
<html> <head> <style type = "text/css"> .div2 {font-size: 16px; Cor: laranja; } .div3 {font-size: 20px; Cor: azul; } <style> <script type = "text/javascript"> [1] Atribua diretamente o estilo ao className var odiv = document.getElementById ('div1'); odiv.className = Div3 // Dessa forma, obteremos class = "div3" e substituiremos diretamente o estilo div2; [2] Use o acúmulo para atribuir o valor ao ClassName var odiv = document.getElementById ('div1'); odiv.className+= ""+div3 // Há uma lacuna entre o estilo e o estilo, então adicione uma string vazia para separá -la // isso pode ser adicionado normalmente, mas quando adicionamos o estilo, precisamos considerar se ele tem o mesmo estilo antes. Se adicionarmos, ele se tornará um fardo, por exemplo, class = "div2 div3 div3"; [3] Verifique se o estilo tem o mesmo estilo antes de var odiv = document.getElementById ('div1'); função hasclass (elemento, csname) {element.classname.match (regexp ('(// s |^)'+csname+'(// s | $)')); // Use detecção regular para ver se existe o mesmo estilo} [4] com base em [3], podemos julgar o estilo do elemento. var odiv = document.getElementById ('div1'); função hasclass (elemento, csname) {return element.className.match (regexp ('(// s |^)'+csname+'(// s | $)')); // Use detecção regular para ver se existe o mesmo estilo} função addclass (elemento, csname) {if (! Hasclass (element, csname)) {element.className+= ''+csName; } addclass (ODIV, 'div3'); // Dessa forma, você pode adicionar estilos ao elemento de maneira flexível; [Elemento excluir estilo especificado] // A mesma coisa para fazer o julgamento primeiro e excluir var odiv = document.getElementById ('div1'); função hasclass (elemento, csname) {return element.className.match (regexp ('(// s |^)'+csname+'(// s | $)')); // Use a detecção regular para ver se existe o mesmo estilo} função deleteclass (elemento, csname) {if (! Hasclass (element, csname)) {element.className.replace (regexp ('(// s |^)'+csname+'(// s | $)'), ''); // use o regular para capturar o nome do estilo a ser excluído e substitua -o por uma corda em branco, que é equivalente à deleção} deleteClass (ODIV, DIV3); } </script> </ad Head> <body> <div id = "div1" class = 'div2'> test </div> </body> </html>A implementação simples de adicionar várias classes a elementos no JavaScript é o conteúdo inteiro que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.