Question

如果访问我网站的设备的宽度<320，我希望删除<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>仍在那里。怎么了？

Answer 1

在执行脚本时，h3元素尚未被解析，因此它不存在于DOM中。

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

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

尝试使用JavaScript删除HTML元素

1 个答案: