使用标准 JavaScript 删除元素时,必须先转到其父元素:
var element = document.getElementById("element-id"); element.parentNode.removeChild(element);
必须先转到父节点对我来说似乎有点奇怪,JavaScript 这样工作是否有原因?
DOM 组织在节点树中,其中每个节点都有一个值,以及对其子节点的引用列表。所以element.parentNode.removeChild(element)准确地模仿内部发生的事情:首先你去父节点,然后删除对子节点的引用。
element.parentNode.removeChild(element)
从 DOM4 开始,提供了一个辅助函数来做同样的事情:element.remove(). 这适用于 96% 的浏览器(截至 2020 年),但不适用于 IE 11。如果您需要支持旧版浏览器,您可以:
element.remove()