9-9访问父节点parentNode

获取指定节点的父节点

语法：

elementNode.parentNode

注意:父节点只能有一个。

看看下面的例子,获取 P 节点的父节点，代码如下:

<div id="text">  <p id="con"> parentNode 获取指点节点的父节点</p></div> <script type="text/javascript">  var mynode= document.getElementById("con");  document.write(mynode.parentNode.nodeName);</script>

运行结果:

parentNode 获取指点节点的父节点DIV

访问祖节点:

elementNode.parentNode.parentNode

看看下面的代码:

<div id="text">    <p>    parentNode          <span id="con"> 获取指点节点的父节点</span>  </p></div> <script type="text/javascript">  var mynode= document.getElementById("con");  document.write(mynode.parentNode.parentNode.nodeName);</script>

运行结果:

parentNode获取指点节点的父节点DIV

注意: 浏览器兼容问题，chrome、firefox等浏览器标签之间的空白也算是一个文本节点。