JS node常用属性和方法

一、node常用属性

    1.nodeName/nodeType ***
      描述：nodeName属性返回节点的名称，nodeType属性返回节点的常数值
      语法：node.nodeName/node.nodeType
      例子：
         console.log(document.nodeName,document.nodeType);
         console.log(box.nodeName,box.nodeType);
         var style = document.createAttribute('style');
         console.log(style.nodeName,style.nodeType);
     注意：
         nodeType 返回的是常数值
         nodeName  节点类型不同 返回值不同 document返回#document 元素返回大写的元素名

     2.ownerDocument
       描述：返回当前node的顶层文档对象
       语法：node.ownerDocument
       例子：
         var box = document.querySelector('.box');
         var p2 = document.querySelector('#p2');
         console.log(box.ownerDocument);
         console.log(p2.ownerDocument);
      注意：
          顶层文档对象都是doucument
     3.nextSibling  ***
       描述：返回下一个直接兄弟节点
       语法：node.nextSibling
       例子：
       console.log(p1.nextSibling.nodeName);
       注意：
         1.空白也是节点 #text
         2.当没有后面的兄弟节点时 返回null
         3.支持链式调用
      例子：获取所有的兄弟节点
          只要不是负性的值 就代表true
         var p1 = document.querySelector('.p1');
         while(p1){
         if(p1.nodeType==1){
         console.log(p1.nodeName,p1.nodeType);
         }