js利用DOM可以把节点分成不同层次关系之父级节点

利用DOM树可以把节点划分为不同的层级关系,常见的是父子兄层级关系。
父级节点
node.parentNode
●parentNode 属性可返回某节点的父节点,注意是最近的一个父节点
●如果指定的节点没有父节点则返回null

案例代码：

1.     <div id="zidiu0">
   
2.         <div id="zidiu1">
   
3.             <div id="zidiu2">
   
4.             </div>
   
5.         </div>
   
6.     </div>
   
7.     <script>
   
8.         var zidiu = document.querySelector('#zidiu2');
   
9.         var zi = zidiu.parentNode;
   
10.         console.log(zi);
    
11.     </script>

复制代码

程序运行输出结果（得到的是离元素最近的父级节点(亲爸爸)如果找不到父节点就返回为null）：

js利用DOM可以把节点分成不同层次关系