尝试使用 JavaScript 删除 HTML 元素 [重复]答案

【问题标题】：Trying to remove HTML-element using JavaScript [duplicate]尝试使用 JavaScript 删除 HTML 元素 [重复]
【发布时间】：2014-08-11 08:10:50
【问题描述】：

如果访问我网站的设备宽度为 <h3>。这是我尝试过的：

HTML：

<head>
    <script type="text/javascript" src="javascript.js"></script>
</head>
<body>
    <h3 id="title">Title</h3>
</body>

JavaScript：

if (document.documentElement.clientWidth <= 320) {

    document.write("Testing");

    var h3 = document.getElementById("title");

    h3.parentNode.removeChild(h3);
}

“测试”标签打印在屏幕上，但<h3> 仍然存在。怎么了？

【问题讨论】：

@Farrokh 那是 jQuery，OP 没有指定他使用的。

标签： javascript html

【解决方案1】：

在脚本执行的时候，h3元素还没有被解析，所以在DOM中不存在。

将删除它的脚本部分移动到 HTML 中的 h3 之后。

更好的是，忘记使用 JavaScript，而是使用 media queries 和 h3 { display: none; }。

【讨论】：

是的，我知道我可以使用它，但在我的情况下，我想删除 h3 以将其再次添加到使用 JavaScript 创建的新 <a> 中。感谢您的回答