不同浏览器空文本节点和DOM节点兼容

<ul>
    <li id="item1"></li>
    <li id="item2"></li>
    <li id="item3"></li>
</ul>
<script type="text/javascript">
    function getNextNode(node){
        node = (typeof(node) == "string") ? document.getElementById(node) : node ;
        var nextNode = node.nextSibling;
        // console.log(node,nextNode);
        if (!nextNode){  return null}
        if (!document.all){
            while(true){
                if (nextNode.nodeType == 1){
                    break;
                }else{
                    if (nextNode.nextSibling){
                        nextNode = nextNode.nextSibling;
                    } else{
                        break;
                    }
                }

            }
        }
        return nextNode;
    };
    var nextNode = getNextNode("item1");
    console.log(nextNode.id);
    var nextNode2 = getNextNode("item2");
    console.log(nextNode2.id);
</script>