JS dapat menyadari bahwa pengguna mengubah gaya di halaman dengan memilih kondisi di halaman. Gaya halaman dapat dimodifikasi melalui gaya atau melalui CSS. Mari kita lihat JS untuk mengubah gaya gaya. Kodenya adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd html 4.01 transisi // en"> <html> <head> <title> ubah.html </iteme> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"> <! href = "./ styles.css">-> <skrip bahasa = "javascript"> function test4 (event) {if (event.value == "hitam") {// dapatkan div1 var div1 = document.geteLementById ('div1'); div1.style.backgroundcolor = "hitam"; } if (event.value == "red") {// dapatkan div1 var div1 = document.geteLementById ('div1'); div1.style.backgroundcolor = "merah"; } } </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 (ini) mewakili <input yang setara saat ini dengan memperlakukannya sebagai objek.
Mari kita lihat mengubah gaya CSS lagi, kodenya adalah sebagai berikut:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>Change1.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href = "css/change.css"> <script language = "javascript"> function test4 (event) {// Dapatkan semua pemilih kelas di lembar gaya untuk mendapatkan var ocssrules = document.stylesheets [0] .rules; // ambil kelas var style1 = ocssrules [0]; if (event.value == "black") {//window.alert(style1.style.backgroundColor); style1.style.backgroundColor = "hitam"; } 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>Di atas adalah seluruh konten dari contoh sederhana mengubah gaya dan gaya CSS yang dibawa kepada Anda oleh editor. Saya harap semua orang akan mendukung wulin.com lebih banyak ~