JavaScript Element parentElement 属性

• 

  JavaScript Element parentElement 属性

  parentElement属性返回指定元素的父元素。parentElement和parentNode之间的区别在于，如果父节点不是元素节点，则parentElement返回null。在大多数情况下，使用哪个属性并不重要，但是，parentNode可能是最受欢迎的。此属性是只读的。

  实例：

  获取<li>元素的父元素的节点名称：

  var x = document.getElementById("myLI").parentElement.nodeName;
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  parentElement	支持	1.0+	9.0+	支持	支持

• 

  语法

  node.parentElement
• 

  技术细节

  项目	描述
  返回值：	Element对象，表示节点的父元素节点; 如果节点没有父节点，则为null
  DOM版本	Core Level 2

• 

  更多例子

  单击元素（<span>）以隐藏其父节点（<div>）：

  <div>
    <span onclick="this.parentElement.style.display = 'none';">x</span>
  </div>
  

  尝试一下
• 

  相关页面

  HTML DOM参考：node.childNodes 属性

  HTML DOM参考：node.firstChild 属性

  HTML DOM参考：node.lastChild 属性

  HTML DOM参考：node.nextSibling 属性

  HTML DOM参考：node.previousSibling 属性

  HTML DOM参考：node.nodeName 属性

  HTML DOM参考：node.parentElement 属性