节点兼容

<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>
相关文章
相关标签/搜索