编程语言
首页 > 编程语言> > 如何在普通Javascript中删除和隐藏HTML元素？

如何在普通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：

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

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

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

解决方法:

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

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

你也可以隐藏它：

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

标签：javascript,html,show-hide,removechild
来源： https://codeday.me/bug/20190716/1482196.html