如何在纯Javascript中删除和隐藏HTML元素? [英] How do you remove and hide HTML elements in plain Javascript?
本文介绍了如何在纯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元素?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文