Implementación simple de agregar múltiples clases a elementos de JavaScript
<html> <head> <style type = "text/css"> .div2 {font-size: 16px; Color: naranja; } .div3 {font-size: 20px; Color: azul; } <style> <script type = "text/javaScript"> [1] Asigne directamente el estilo a classname var odiv = document.getElementById ('div1'); odiv.classname = div3 // De esta manera obtendremos class = "div3" y sobrescribiremos directamente el estilo Div2; [2] Use la acumulación para asignar el valor a className var odiv = document.getElementById ('div1'); odiv.classname+= ""+div3 // Hay un espacio entre el estilo y el estilo, así que agregue una cadena vacía para separarla // esto se puede agregar normalmente, pero cuando agregamos el estilo, debemos considerar si tiene el mismo estilo antes. Si lo agregamos, se convertirá en una carga, por ejemplo, class = "Div2 Div3 Div3"; [3] Compruebe si el estilo tiene el mismo estilo antes de var odiv = document.getElementById ('div1'); function HasClass (elemento, csname) {element.classname.match (regexp ('(// s |^)'+csname+'(// s | $)')); // Use la detección regular para ver si hay el mismo estilo} [4] basado en [3], podemos juzgar el estilo del elemento. var odiv = document.getElementById ('div1'); function HasClass (elemento, csname) {return element.classname.match (regexp ('(// s |^)'+csname+'(// s | $)')); // Use la detección regular para ver si hay el mismo estilo} function addClass (element, csname) {if (! Hasclass (element, csname)) {element.classname+= ''+csname; } addClass (Odiv, 'div3'); // de esta manera puede agregar estilos al elemento de manera flexible; [Elemento Eliminar estilo especificado] // Lo mismo para hacer el juicio primero y eliminar var odiv = document.getElementById ('div1'); function HasClass (elemento, csname) {return element.classname.match (regexp ('(// s |^)'+csname+'(// s | $)')); // Use la detección regular para ver si hay el mismo estilo} function DeleteClass (elemento, csname) {if (! Hasclass (elemento, csname)) {element.classname.replace (regExp ('(/// s |^)'+csname+'(// s | $)' '); // Use el normal para capturar el nombre del estilo que se eliminará, y luego reemplácelo con una cadena en blanco, que es equivalente a la eliminación} deleteclass (Odiv, Div3); } </script> </head> <body> <div id = "div1" class = 'div2'> test </iv> </body> </html>La simple implementación de agregar múltiples clases a elementos en JavaScript es el contenido completo que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.