JS puede darse cuenta de que los usuarios cambian el estilo en la página seleccionando condiciones en la página. El estilo de página se puede modificar a través del estilo o a través de CSS. Echemos un vistazo a JS para cambiar el estilo de estilo. El código es el siguiente:
< type = "text/css" href = "./ styles.css">-> <script language = "javascript"> función test4 (event) {if (event.value == "negro") {// get div1 var div1 = document.getElementByid ('div1'); div1.style.backgroundcolor = "negro"; } if (event.value == "rojo") {// get div1 var div1 = document.getElementById ('div1'); div1.style.backgroundcolor = "rojo"; }} </script> </head> <body> <div id = "div1"> div1 </div> <input type = "button" value = "black" onClick = "test4 (this)"/> <input type = "button" value = "rojo" onClick = "test4 (this)"/> </body> </html>Test4 (esto) representa la entrada actual <Ingreso equivalente a tratarlo como un objeto.
Echemos un vistazo a cambiar el estilo CSS nuevamente, el código es el siguiente:
< href = "css/change.css"> <script language = "javascript"> función test4 (event) {// Obtener todos los selectores de clase en la hoja de estilo para obtener var oCssrules = document.stylesheets [0] .rules; // Saque la clase VAR style1 = ocssrules [0]; if (event.value == "negro") {//window.alert(style1.style.backgroundcolor); style1.style.backgroundcolor = "Black"; } else if (event.value == "rojo") {style1.style.backgroundcolor = "rojo"; }} </script> </head> <body> <div id = "div1"> div1 </div> <input type = "button" value = "black" onClick = "test4 (this)"/> <input type = "button" value = "rojo" onClick = "test4 (this)"/> </body> </html>Lo anterior es todo el contenido de los simples ejemplos de cambiar el estilo y los estilos CSS que le traen el editor. Espero que todos apoyen a Wulin.com más ~