ヒント-JavaScriptを無効にするときとJavaScriptを有効にするときに要素が異なるスタイルになるようにする方法

862 ワード

特定の場合(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