Javascript——节点及获取节点

节点的属性：
可以使用标签——元素. 可以使用属性节点. 文本节点.
nodeType: 节点的类型：1——标签，2——属性，3——文本
nodeName: 节点名字：标签节点——大写标签名字，属性节点——小写属性名字，文本节点——#text
nodeValue: 节点的值：标签节点——null，属性节点——属性值，文本节点——文本内容

<div>
    <p></p>
    <ul id="uu">
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>
<script>
    var dvObj=document.getElementById("dv");
    //获取里面每个子节点
    for(var i=0; i<dvObj.childNodes.length;i++){
        var node=dvObj.childNodes[i];
        console.log(node.nodeType+"===="+node.nodeName+"===="+node.nodeValue);
    }
</script>

<script src="common.js"></script>
<script>
//都是获取节点和元素的
    //ul
    var ulObj=document.getElementById("uu");
    //父级节点
    console.log(ulObj.parentNode);
    //父级元素
    console.log(ulObj.parentElement);
    //子节点
    console.log(ulObj.childNodes);
    //子元素
    console.log(ulObj.children);
    //第一个子节点
    console.log(ulObj.firstChild);
    //第一个子元素
    console.log(ulObj.firstElementChild);
    //最后一个子节点
    console.log(ulObj.lastChild);
    //最后一个子元素
    console.log(ulObj.lastElementChild);
    //某个元素的前一个兄弟节点
    console.log(my$("three").previousSibling);
    //某个元素的前一个兄弟元素
    console.log(my$("three").previousElementSibling);
    //某个元素后一个兄弟节点
    console.log(my$("three").nextSibling);
    //某个元素后一个兄弟元素
    console.log(my$("three").nextElementSibling);
</script>

总结：
凡是获取节点的代码在谷歌和火狐得到的都是相关节点
凡是获取元素的代码在谷歌和火狐得到的都是相关的元素
从子节点和兄弟节点开始，凡是获取节点的代码在IE8中得到的是元素，获取元素的相关代码，在IE8中得到的是undefined——元素的代码，IE8中不支持