element.remove() 删除元素

最后更新:2026-09-09

element.remove() 删除元素

remove 从 DOM 中删除当前元素。比旧的 parentNode.removeChild(el) 更简洁。

分类DOM 操作
ES 版本DOM

📝 语法

元素.remove();

返回值:undefined。

是否修改原值:是(原地修改)

▶ 示例

编辑下方代码,点击运行,在输出面板查看结果:

运行结果:

(元素已删除)
💡 提示 remove() 是 ES2015 新增——替代了旧的 parentNode.removeChild(el) 写法。
ℹ️ info remove 后元素引用仍在内存中——可以重新插入。

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
element.remove() v1 v12 v1 v1 v1
所有现代浏览器均支持
更多实战案例即将上线,敬请期待。

📚 相关教程

❓ 常见问题

Qremove 和 removeChild 的区别?
Aremove 直接在元素上调用;removeChild 需要通过父元素调用。效果相同。
Qremove 后元素还能恢复吗?
A能——元素引用还在内存中,可以重新 appendChild。
Q如何删除元素的所有子元素?
Ael.innerHTML = '' 或 while(el.firstChild) el.removeChild(el.firstChild)。
Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏