JS может понять, что пользователи меняют стиль на странице, выбирая условия на странице. Стиль страницы может быть изменен с помощью стиля или через CSS. Давайте посмотрим на JS, чтобы изменить стиль стиля. Код заключается в следующем:
<! Doctype html public "-// w3c // dtd html 4.01 Transitional // en"> <html> <head> <title> изменение. type = "text/css" href = "./ styles.css">-> <script language = "javascript"> function test4 (event) {if (event.value == "black") {// get div1 var div1 = document.getelementbyid ('div1'); div1.style.backgroundcolor = "black"; } 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 = "value =" redclick = "test4 (this)"/> </> </html>Test4 (это) представляет текущий <входной эквивалент лечения как объект.
Давайте снова посмотрим на изменение стиля CSS, код заключается в следующем:
<! Doctype html public "-// w3c // dtd html 4.01 transitional // en"> <html> <head> <title> изменение1.html </title> <meta http-equiv = "rel-type stiles" text/html; charset = utf-8 " href = "css/change.css"> <script language = "javascript"> function test4 (event) {// Получить все селекторы класса в листе стилей, чтобы получить var ocssrules = document.stylesheests [0] .rules; // Установить класс var style1 = ocssrules [0]; if (event.value == "black") {//window.alert(style1.style.backgroundcolor); style1.style.backgroundcolor = "Black"; } 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 = "value =" redclick = "test4 (this)"/> </> </html>Выше приведено все содержание простых примеров изменения стиля и стилей CSS, принесенных вам редактором. Я надеюсь, что все будут поддерживать wulin.com больше ~