parentNode / parentElement 父元素
最后更新：2026-09-09
parentNode / parentElement 父元素
parentNode 返回父节点（可能是文本节点等）；parentElement 返回父元素（只返回元素节点）。大多数场景两者等价。
| 分类 | DOM 操作 |
|---|---|
| ES 版本 | DOM |
📝 语法
const 父元素 = 子元素.parentElement;返回值：父元素或 null。
是否修改原值：否（返回新值）
▶ 示例
编辑下方代码，点击运行，在输出面板查看结果：
运行结果：
（父元素）💡 提示 遍历 DOM 树的标准方法——closest(selector) 可以向上查找最近的匹配祖先。
ℹ️ info parentElement 在父节点不是元素时返回 null（如 document 的父节点）；parentNode 可能返回非元素节点。
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| parentNode / parentElement | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有现代浏览器均支持 | |||||
🏷️ 相关条目
💡 相关案例
更多实战案例即将上线，敬请期待。
📚 相关教程
❓ 常见问题
QparentNode 和 parentElement 的区别？
AparentNode 可能返回非元素节点（如文本节点）；parentElement 只返回元素。大多数场景等价。
Qclosest 是什么？
A向上查找最近的匹配 CSS 选择器的祖先元素——事件委托的利器。
Qchildren 和 childNodes 的区别？
Achildren 只包含元素节点；childNodes 包含所有节点（含文本节点）。
