在启动时删除javascript失败的div

我有这个部门：

<div class="container2"> 
    <div class="message"> 
         <h1> Bla bla.</h1> 
    </div> 
    <div class="circle"> 
         Animations here 
    </div> 
</div>

等等。
这里的动画

我希望它在页面加载时不显示。我们的想法是以后再提。 我有一个javascript代码，它位于

中：

document.getElementsByClassName（'container2'）.style.display=“无”；

但是当页面加载时，div就在那里。

方法返回所有子元素的类似数组的对象，这些子元素具有所有给定的类名，当

样式

是

HTMLElement

的属性时，您试图调用返回的类似数组的

样式

对象上的

属性

在这种情况下，我建议使用
querySelector（）
：

document.querySelector('.container2').style.display = "none";


setTimeout（函数（）{
document.querySelector（'.container2'）.style.display=“无”；
}, 1000);

等等。
这里的动画
添加
显示：无到CSS中的div：

.container2 {
    display: none;
}

或者直接在元素中：

<div class="container2" style="display: none;">

在使用此函数完成加载之前，不能修改DOM

$( document ).ready(function() {
    console.log( "ready!" );
    $('.container2').css("display","none");
});

你有两个选择

您可以在css中添加：

.container2{display:none}

然后在满足某些条件时使其可见

或者，您可以使用jQuery ready（）函数等待DOM完全加载，然后执行您的函数

$( document ).ready(function() {
    console.log( "ready!" );
    $('.container2').css("display","none");
});

那么为什么不将它的初始显示设置为
none
？它是getElementsByClassName，这是有原因的（不是
getElementByClassName
）。改为使用
querySelector（）
。效果非常好！非常感谢你！谢谢，但我想稍后更改它，所以我想用javascript来做这件事，而不是硬编码。@user1584421我知道你用的是Zakaria的答案。但是你要知道。。之后仍然使用JavaScript显示
div
。查看我答案的小编辑！同时设置
显示：无会更好，因为它永远不会可见。而使用Zakaria的答案，
div
将首先对用户可见，然后它将消失。
$( document ).ready(function() {
    console.log( "ready!" );
    $('.container2').css("display","none");
});