nodeType，nodeName，nodeValue属性

 <div type="checkbox" id="box" name="habbit">这里是id为box的块里面的内容</div>    <!--这个注释节点可以被拿到吗-->

  // 注意：所有节点的typeof都是object

        元素节点：

var obj = document.querySelector('#box');

        属性节点：

   var attr = obj.getAttributeNode('id');

        文本节点：

 var txt = obj.firstChild;

         注释节点：

  var comment = obj.nextSibling;

        文档节点：

console.log(document.nodeType);

       

   1，nodeType属性

        元素节点：1

        属性节点：2

        文本节点：3

        注释节点:8

        文档节点：9（即document的节点类型）

    2,nodeName属性：获取节点的名称

元素节点：元素名称

属性节点：属性名称

文本节点：#text

注释节点：#comment

文档节点：#documen

   3,nodeValue属性：获取节点的值

元素节点：null

属性节点：属性值

文本节点：文本内容

注释节点：注释内容

文档节点：null