我试图避免在禁用 JS 时添加在线样式。 例如，我想在禁用 JS 时隐藏正文中的一个元素，但我只想从外部 CSS 执行此操作。
我想避免添加如下样式
<noscript>
<style>
...some style
</style>
<p class="no-js">You need Javascript enabled to view all of the content on this page.</p>
</noscript>
<body>
<div>element to hide when js disabled</div>
</body>
有替代方案吗？ 谢谢!
最佳答案
" I'd like to hide an element in the body when JS is disabled "
您可以使用 display:none 创建一个类，如果 javascript 被禁用，则将其分配给您想要隐藏的所有元素，如果 javascript 被禁用，则通过 javascript 从这些元素中删除此类 disabled，则该类将始终适用，所有具有该类的元素都不会显示
var secrets = document.querySelectorAll('.secret');
for (var i in secrets) {
secrets[i].classList.remove('secret');
}
.secret {
display: none;
}
关于javascript - 禁用 JavaScript 时添加元素样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35382266/