4

可能在特定的情况下(禁用JavaScript时),我们需要将一个元素的样式发生改变,这时候应该怎么办呢?
解决方法:

第一步,给我们当前文档的根节点(root)即document.documentElement元素添加一个className

HTML代码:

html<div id="container">
        Hello,World!
</div>

JS代码:

javascript    document.documentElement.className = "js";

第二步,在我们选择的元素的前面加上.js表示这是在没有禁用JavaScript的情况下使用的样式
CSS代码:

css.js #container{
    background-color: black;
    color: white;
}
#container{
    background-color: white;
    color: black;
}

在线的展示效果点击这里
然后你禁用JavaScript看看效果

注:如何禁用JavaScript? F12->Settings->General->Disable JavaScript


dreamapplehappy
6.6k 声望5.9k 粉丝