如何用 removeChild 与 remove 方法从页面 DOM 中移除元素

removeChild()需通过父节点调用且要求子节点存在，否则报错；remove()直接在元素上调用、更简洁安全、不抛错。现代项目优先用remove()，兼容IE需用removeChild()并加容错。在 DOM 操作中，removeChild() 和 remove() 都能删除元素，但用法、兼容性和适用场景不同。掌握它们的区别和正确写法，能避免报错或意外行为。removeChild()：必须通过父节点调用removeChild() 是传统方法，需要明确指定「要删的子元素」和「它的父元素」。它不接受 null 或非子节点，否则会抛出错误。语法：parentNode.removeChild(childNode) 必须确保 childNode 确实是 parentNode 的直接子节点 调用后返回被移除的节点，可用于后续操作（如重新插入）示例：const box = document.getElementById('box');if (box && box.parentNode) { box.parentNode.removeChild(box);}?? 注意：如果 box 已经被移除，或 box.parentNode 为 null（比如是 document 直接子节点但未挂载），就会报错。所以建议加存在性判断。 Vozo Vozo是一款强大的AI视频编辑工具，可以帮助用户轻松重写、配音和编辑视频。