JavaScript中元素节点有remove()实例方法可直接删除自身，无需父节点操作；NodeList不支持该方法需遍历调用；旧浏览器可用parentNode.removeChild回退。
JavaScript 中没有名为 remove 的全局方法，但 元素节点（Element）本身有一个 remove() 实例方法，可直接删除该节点自身，无需通过父节点操作。这是现代标准（DOM4）提供的简洁方式。
✅ 正确使用 element.remove() 删除目标节点
只要拿到目标 DOM 元素（比如通过 querySelector、getElementById 等），就能直接调用它的 remove() 方法：
- ✔️ 支持主流浏览器（Chrome 28+、Firefox 25+、Edge 12+、Safari 9+）
- ✔️ 不需要先获取父节点，代码更直观
- ✔️ 自动移除该节点及其所有子节点和事件监听器（注意：绑定在该节点上的事件监听器会被清除）
示例：
const btn = document.getElementById('delete-btn');
btn.remove(); // 直接删掉这个按钮元素
⚠️ 注意：remove 不是数组或 NodeList 的方法
常见误区是以为 document.querySelectorAll('.item') 返回的 NodeList 可以直接调用 remove() —— 实际上它不能：
立即学习“Java免费学习笔记（深入）”；
- ❌ NodeList.prototype 没有 remove 方法
- ✅ 正确做法：遍历后对每个元素调用
remove()
批量删除示例：
document.querySelectorAll('.todo-item').forEach(el => el.remove());
? 兼容旧浏览器？用 parentNode.removeChild 回退
如果需支持 IE 或极老版本，可用传统方式替代：
const target = document.querySelector('#target');
if (target && target.parentNode) {
target.parentNode.removeChild(target);
}
也可封装成兼容函数：
function safeRemove(el) {
if (el.remove) {
el.remove();
} else if (el.parentNode) {
el.parentNode.removeChild(el);
}
}
? 小提示：remove() 和 innerHTML = '' 的区别
remove() 是真正从 DOM 树中移除节点；而 el.innerHTML = '' 只清空内容，节点本身还在。别混淆两者用途。
