JSは、ページ内の条件を選択することにより、ユーザーがページ内のスタイルを変更することを認識できます。ページスタイルは、スタイルまたはCSSを通じて変更できます。 JSを見て、スタイルスタイルを変更しましょう。コードは次のとおりです。
< href = "./ styles.css"> - > <スクリプト言語= "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> <入力型= "button" value = "black" onclick = "test4（this）"/> <input type = "button" value = "red" onclick = "test4（this）"/> </body> </body> </html>test4（この）は、オブジェクトとして扱うことに相当する電流<入力を表します。
CSSスタイルの変更をもう一度見てみましょう。コードは次のとおりです。
< href = "css/change.css"> <スクリプト言語= "javascript"> function test4（event）{//スタイルシートのすべてのクラスセレクターを取得して、var ocssrules = document.stylesheets [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> <入力型= "button" value = "black" onclick = "test4（this）"/> <input type = "button" value = "red" onclick = "test4（this）"/> </body> </body> </html>上記は、編集者からもたらされたスタイルとCSSスタイルを変更する簡単な例の全体的な内容です。誰もがwulin.comをもっとサポートすることを願っています〜