节点

顶级对象 : 文档的对象 document
元素: 页面上所有的标签  element
节点: 页面上所有的内容(标签, 属性, 文本(文字, 换行, 空格))  node
根元素:  html标签

节点的属性
      .nodeType : 节点的类型 : （返回值） 1--标签   2-属性   3-文本
      .nodeName:  节点的名字:（返回值） 大写的标签名字-->标签节点   小写的属性名字--->属性的节点
                  #text---> 文本的节点
      .nodeValue:  节点的值  : （返回值）  null--->标签节点  属性的值--->属性节点  文本的内容-->文本节点
       

        // 获取div里面的每一个子节点
        var dv = my$("dv");
        for( var i = 0 ; i <dv.childNodes.length; i++){
           // console.log(dv.childNodes[i]);
            var node = dv.childNodes[i];
            //console.log(node.nodeType+"===="+node.nodeName+"====="+node.nodeValue);
        }

        // 获取子节点
        console.log(dv.childNodes);
        //获取子元素
        console.log(dv.children);
        //获取父节点
        console.log(dv.parentNode.parentNode.parentNode.parentNode);
        //获取父元素
        console.log(dv.parentElement)；

获取节点和元素的
       var u = my$("uu");
       //获取父节点
       console.log(u.parentNode);
       //获取父元素
       console.log(u.parentElement);
       //获取子节点
        console.log(u.childNodes); // 在ie8中获取的是子元素
       //获取子元素
        console.log(u.children);

       //第一个子节点
       console.log(u.firstChild); //  在ie8中 显示的是第一个子元素
       //第一个子元素
       console.log(u.firstElementChild);  //  在ie8中 不支持
       //最后一个子节点
       console.log(u.lastChild);//  在ie8中 显示的是最后一个子元素
       //最后一个子元素
       console.log(u.lastElementChild);//  在ie8中 不支持

       //获取前一个兄弟节点
       console.log(u.previousSibling) ; //  在ie8中 显示的是前一个兄弟元素
       //获取前一个兄弟元素
       console.log(u.previousElementSibling);  //  在ie8中 不支持
       //获取后一个兄弟节点
       console.log(u.nextSibling);  //  在ie8中 显示的是后一个兄弟元素
       //获取后一个兄弟元素
       console.log(u.nextElementSibling); //  在ie8中 不支持

总结: 凡是获取元素和节点, 在谷歌和火狐 都支持
     从子节点和兄弟节点开始, 获取节点的代码 在ie8中 得到的元素
     获取元素的代码, 得到的是undfined


节点的兼容代码例子
     //获取第一个子元素
       function getFisrtELementChild(element) {
            if(element.firstElementChild){// true  支持
               return element.firstElementChild;
             }else{
             //return element.firstChild;
                var node = element.firstChild;
               while (node && node.nodeType != 1){
                   node =  node.nextSibling
              }
                 return node;
            }
        }

要好好记概念，知识点，加油！