javascript - 加载该元素后立即向元素添加类名

Question

我有一个在启用 JavaScript 时必须隐藏的元素。当前代码如下所示：

<body>
    ...
    <div id="js-hidden"></div>
    ...
    <script src="jquery.js"></script>
    <script>
        $(document).ready(function() {
            $('#js-hidden').hide();
        })
    </script>

问题是，js-hidden div 是可见的，因为页面的其余部分（和 JavaScript）已加载。

我可以提前隐藏吗？这个解决方案对我来说太糟糕了，JS 用户看不到这个元素。

PS：我用jQuery编写了这个例子，当然也可以是纯JS :-)

score 2 · Accepted Answer

$(document).ready 使它在整个页面加载后发生，您可以使用

<body>
    ...
    <div id="js-hidden"></div>
    ...
    <script src="jquery.js"></script>
    <div id="js-hidden"></div>
    <script>

            $('#js-hidden').hide();

    </script>

score 1 · Accepted Answer

最简单的事情：

<style>
.js-hidden {
  display: none;
}
</style>

<noscript>
<style>
.js-hidden {
  display: block;
}
</style>
</noscript>

score 0 · Accepted Answer

由于您不能在 div 上使用 onload 事件，我想最好的解决方案是将您的 js 放在该 div 之后...

javascript - 加载该元素后立即向元素添加类名

3 回答 3

Related

Reference