节点兼容

<ul id="ul">
    <li>111</li>
    <li>222</li>
    <li id="li">333</li>
    <li>444</li>
</ul>
<script>
    var li=document.getElementById("li");

    function getNextElement(element){
        if(element.nextElementSibling){
            //火狐谷歌
            return  element.nextElementSibling;
        }else{
            //IE8及早期浏览器
            var node=element.nextElementSibling;//得到下一个节点，节点有可能是文本节点，有可能是标签节点
            while(node&&node.type!=1){
                //继承等于当前元素的下一个节点
                node=node.nextSibling;
            }
            return node;
        }
    }
    getNextElement(li).style.backgroundColor="red";
</script>