節點兼容

<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>
相關文章
相關標籤/搜索