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

語法：

elementNode.parentNode

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

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

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

運(yùn)行結(jié)果:

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

訪問祖節(jié)點(diǎn):

elementNode.parentNode.parentNode

看看下面的代碼:

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

運(yùn)行結(jié)果:

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

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