如何在纯Javascript中删除和隐藏HTML元素?

问题描述：

我有这个HTML:

<body>
    <div id="content-container" style="display:none">
         <div>John</div>
    </div>
    <div id="verifying">
         <div id="message">Verified</div>
    </div>
</body>

这个Javascript:

And this Javascript:

var body = document.body;
var signup = document.getElementById("content-container");

setTimeout(function(){
    body.removeChild('verifying');
    signup.style.display = "block";
}, 5000);

我正在尝试删除< div id ="verifying"> 并在5秒后显示< div id ="content-container"> ，但由于某种原因，它无法正常工作.知道为什么吗?我是在页面加载后加载脚本的，所以这不是问题.

I am trying to remove <div id="verifying"> and show <div id="content-container"> after 5 seconds, but for some reason it is not working. Any idea why? I am loading the script after the page loads so that is not the problem.

答

您需要将元素引用传递给 removeChild ，而不是字符串:

You need to pass an element reference to removeChild, not a string:

body.removeChild(document.getElementById('verifying'));

您也可以隐藏它:

document.getElementById('verifying').style.display = "none";

如何在纯Javascript中删除和隐藏HTML元素?

相关推荐