獲取指定節(jié)點的父節(jié)點

語法：

elementNode.parentNode

注意:父節(jié)點只能有一個。

看看下面的例子,獲取 P 節(jié)點的父節(jié)點，代碼如下:

<div id="text">
  <p id="con"> parentNode 獲取指點節(jié)點的父節(jié)點</p>
</div> 
<script type="text/javascript">
  var mynode= document.getElementById("con");
  document.write(mynode.parentNode.nodeName);
</script>

運行結果:

parentNode 獲取指點節(jié)點的父節(jié)點
DIV

訪問祖節(jié)點:

elementNode.parentNode.parentNode

看看下面的代碼:

<div id="text">  
  <p>
    parentNode      
    <span id="con"> 獲取指點節(jié)點的父節(jié)點</span>
  </p>
</div> 
<script type="text/javascript">
  var mynode= document.getElementById("con");
  document.write(mynode.parentNode.parentNode.nodeName);
</script>

運行結果:

parentNode獲取指點節(jié)點的父節(jié)點
DIV

注意: 瀏覽器兼容問題，chrome、firefox等瀏覽器標簽之間的空白也算是一個文本節(jié)點。