HTML DOM parentElement 属性
示例
获取 <li> 元素的父元素的节点名称
var x = document.getElementById("myLI").parentElement.nodeName;
自己动手试一试 »
点击一个元素 (<span>) 来隐藏它的父元素 (<div>)
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>
自己动手试一试 »
描述
parentElement 属性返回指定元素的父元素。
parentElement 和 parentNode 的区别在于，如果父节点不是一个元素节点，parentElement 会返回 null
document.body.parentNode; // 返回 <html> 元素
document.body.parentElement; // 返回 <html> 元素
document.documentElement.parentNode; // 返回 Document 节点
document.documentElement.parentElement; // 返回 null (<html> 没有父 ELEMENT 节点)
在大多数情况下，使用哪个属性都没有关系，但是 parentNode 可能更常用。
此属性为只读。
HTML 节点与元素
在 **HTML DOM**（文档对象模型）中，HTML 文档是具有（或不具有）子节点的节点集合。
**节点**是元素节点、文本节点和注释节点。
元素之间的空白符也是文本节点。
元素仅指元素节点。
childNodes 与 children
childNodes 返回子节点（元素节点、文本节点和注释节点）。
children 返回子元素（不包括文本和注释节点）。
兄弟节点与元素兄弟节点
**兄弟节点**是“兄弟姐妹”。
**兄弟节点**是具有相同父节点（在相同的 **childNodes** 列表中）的节点。
**元素兄弟节点**是具有相同父节点（在相同的 **children** 列表中）的元素。
语法
node.parentElement
技术详情
| 返回值 | 一个 Element 对象，表示节点的父元素节点，如果节点没有父节点则为 null |
|---|
浏览器支持
element.parentElement 是 DOM Level 3 (2004) 的特性。
所有现代浏览器都完全支持它
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 11 |
