JS 操作DOM 删除节点内多层嵌套的某个节点

4 min read

可以使用 JavaScript 的 removeChild() 方法来删除节点。如果需要删除多层嵌套的节点,可以先找到父节点,然后逐级查找子节点,直到找到需要删除的节点,然后使用 removeChild() 方法将其从父节点中移除。

以下是一个简单的示例代码:

HTML 代码:

<div id="parent">
  <div>
    <span>要删除的节点</span>
  </div>
</div>

JavaScript 代码:

var parent = document.getElementById("parent"); // 获取父节点
var child = parent.getElementsByTagName("span")[0]; // 获取要删除的子节点
parent.removeChild(child); // 从父节点中移除子节点

上面的代码首先获取了父节点 parent,然后使用 getElementsByTagName() 方法找到了要删除的子节点 child,最后使用 removeChild() 方法从父节点中删除了子节点 child