小编典典

按 id 移除元素

all

使用标准 JavaScript 删除元素时,必须先转到其父元素:

var element = document.getElementById("element-id");
element.parentNode.removeChild(element);

必须先转到父节点对我来说似乎有点奇怪,JavaScript 这样工作是否有原因?


阅读 116

收藏
2022-02-25

共1个答案

小编典典

element.remove()

DOM
组织在节点树中,其中每个节点都有一个值,以及对其子节点的引用列表。所以element.parentNode.removeChild(element)准确地模仿内部发生的事情:首先你去父节点,然后删除对子节点的引用。

从 DOM4
开始,提供了一个辅助函数来做同样的事情:element.remove().
适用于 96% 的浏览器(截至 2020 年),但不适用于 IE
11。如果您需要支持旧版浏览器,您可以:

  • 通过父节点删除元素,如问题中所示,
  • 修改本机 DOM 函数,使用DOM4 polyfill
2022-02-25