ヒント-JavaScriptを無効にするときとJavaScriptを有効にするときに要素が異なるスタイルになるようにする方法
862 ワード
特定の場合(JavaScriptを無効にする場合)、要素のスタイルを変更する必要がある場合はどうすればいいですか?解決方法:
まず、現在のドキュメントのルートノード(root)である
HTMLコード:
JSコード:
第2のステップでは、選択した要素の前に
オンラインの展示効果ここをクリック JavaScriptを無効にして効果を見てください
注意:JavaScriptを無効にする方法F12->Settings->General->Disable JavaScript
まず、現在のドキュメントのルートノード(root)である
document.documentElement
要素にclassName
を追加します.HTMLコード:
html
Hello,World!
JSコード:
javascript
document.documentElement.className = "js";
第2のステップでは、選択した要素の前に
.js
を付けると、JavaScriptが無効になっていない場合に使用されるスタイルCSSコードであることを示します.css
.js #container{ background-color: black; color: white; } #container{ background-color: white; color: black; }
オンラインの展示効果ここをクリック JavaScriptを無効にして効果を見てください
注意:JavaScriptを無効にする方法F12->Settings->General->Disable JavaScript