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

chr*_*ude 3 html javascript show-hide removechild

我有这个HTML:

<body>
    <div id="content-container" style="display:none">
         <div>John</div>
    </div>
    <div id="verifying">
         <div id="message">Verified</div>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

这个Javascript:

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

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

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

Dig*_*ane 8

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

body.removeChild(document.getElementById('verifying'));
Run Code Online (Sandbox Code Playgroud)

你也可以隐藏它:

document.getElementById('verifying').style.display = "none";
Run Code Online (Sandbox Code Playgroud)