JS peut se rendre compte que les utilisateurs modifient le style dans la page en sélectionnant des conditions dans la page. Le style de page peut être modifié via le style ou via CSS. Jetons un coup d'œil à JS pour changer le style de style. Le code est le suivant:
<! Doctype html public "- // w3c // dtd html 4.01 transitional // en"> <html> <adread> <title> change.html </ title> <méta http-equiv = "content-type" contenu = "text / html; charset = utf-8"> <! type = "text / css" href = "./ styles.css"> -> <script linguisse = "javascript"> function test4 (event) {if (event.value == "noir") {// get div1 var div1 = document.getElementById ('div1'); div1.style.backgroundcolor = "noir"; } if (event.value == "red") {// get div1 var div1 = document.getElementByid ('div1'); div1.style.backgroundColor = "Red"; }} </ script> </ head> <body> <div id = "div1"> div1 </ div> <input type = "Button" value = "Black" onClick = "test4 (this)" /> <input type = "Button" value = "red" onClick = "test4 (this)" /> </ body> </html>Test4 (ceci) représente le courant <entrée équivalent à le traiter comme un objet.
Jetons un coup d'œil à changer à nouveau le style CSS, le code est le suivant:
<! Doctype html public "- // w3c // dtd html 4.01 transitional // en"> <html> <adread> <t titre> change1.html </ title> <meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8"> <link href = "css / change.css"> <script linguisse = "javascript"> function test4 (événement) {// Obtenez tous les sélecteurs de classe dans la feuille de style pour obtenir var ocrsrules = document.stylesheets [0] .rules; // retirer la classe var style1 = OCSSRULES [0]; if (event.value == "noir") {//window.Alert(style1.style.backgroundColor); style1.style.backgroundcolor = "noir"; } else if (event.value == "Red") {style1.style.backgroundColor = "Red"; }} </ script> </ head> <body> <div id = "div1"> div1 </ div> <input type = "Button" value = "Black" onClick = "test4 (this)" /> <input type = "Button" value = "red" onClick = "test4 (this)" /> </ body> </html>Ce qui précède est l'intégralité du contenu des exemples simples de modification du style et des styles CSS qui vous sont apportés par l'éditeur. J'espère que tout le monde soutiendra Wulin.com plus ~