获取相关节点、元素

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

html部分

    <div class="dv">
        <ul id="uu">
            <li>文件</li>
            <li>目录</li>
            <li id="three">工具</li>
            <li>窗口</li>
            <li>帮助</li>
        </ul>
    </div>

js部分

<script>
    //获取ul
    var ulobj = my$("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>