我有这个div:
<div class="container2">
<div class="message">
<h1> Bla bla.</h1>
</div>
<div class="circle">
Animations here
</div>
</div>
我希望它在页面加载时不显示。我们的想法是稍后再提出。
所以我有这个 javascript 代码，位于 <body> 内:
<script>
document.getElementsByClassName('container2').style.display = "none";
</script>
但是当页面加载时，div 就在那里。
最佳答案
getElementsByClassName() 方法返回一个包含所有给定类名的所有子元素的类数组对象，并且您尝试在返回的 array-like< 上调用 对象，当 style 属性style 是 HTMLElement 的属性时。
我建议在这种情况下使用querySelector():
document.querySelector('.container2').style.display = "none";
setTimeout(function() {
document.querySelector('.container2').style.display = "none";
}, 1000);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container2">
<div class="message">
<h1> Bla bla.</h1>
</div>
<div class="circle">
Animations here
</div>
</div>关于javascript - 删除启动时 javascript 失败的 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52081389/