小技能 - 怎样做到让一个元素在禁用JavaScript时和启用JavaScript时有差别的款式

2024年4月23日 170次阅读 来源: dreamapplehappy

可能在特定的情况下（禁用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
    原文地址: https://segmentfault.com/a/1190000002762482
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞