gpt4 book ai didi

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

转载 作者:搜寻专家 更新时间:2023-10-31 22:03:53 25 4
gpt4 key购买 nike

我有这个 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 - 如何在纯 Javascript 中删除和隐藏 HTML 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7458619/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com