如果启用了javascript，则显示div。必须有！重要

Question

我的主页上有一个精选的滑块，​​如果禁用了javascript，我已经完全隐藏了这个滑块。我有一个脚本，如果启用了javascript，它将显示特色滑块。

    document.write('<style type="text/css">#JQuerySlider1Container{ display: block !important;}</style>');

显然根据W3C，该代码无效。 （虽然它起作用所以这是一个完全无赖的。）

我发现了一个我喜欢的另一段代码，但我必须拥有！重要的是要显示滑块。

document.getElementById('JQuerySlider1Container').style.display='block !important';

但它不起作用！重要。 有没有人有这个问题的简单解决方案？

Answer 1

使用JS添加CSS并不是一个好习惯。你应该保持HTML，JS和CSS完全分开。

使用JS显示/隐藏内容的方法默认使用CSS隐藏要隐藏的对象，例如：

#JQuerySlider1Container {display:none;}

在你的JS中，使用类似的东西在主体中添加一个类：

$(function() {
    $('body').addClass('has-js');
}); 

然后，您可以编写特定的CSS规则，知道您已启用JS，例如：

.has-js #JQuerySlider1Container {display:block;}