javascript兩個迴圈裡的i,很容易忽略

很簡單的一段代碼,但是卻讓我調試很久,現象是,第一個迴圈只執行了一次,但是節點的數量肯定不止一個,
每次都是執行了一次,然後我懷疑迴圈2,是否執行完就退出,或者死迴圈(遞迴)了,經調試還是沒發現.

後來把第二個迴圈的i改成j問題解決了,也想起了一條規定,javascript裡不加var定義的變數是全域的變數

i作為全域變數在迴圈2裡就改變了值,到了迴圈1就不執行了

加上var也可解決,

小問題但是,很容易忽略,另外就是在遞迴時調用自身方法時,i的值還是原來的沒有改變,

不過這種遍曆的方法似乎有點落伍了,應該有更好方法,進一步學習中.........

function showElement()
{
    for (i=0; i < document.documentElement.children.length; i++)//迴圈1
    {
        var node = document.documentElement.children[i];
        alert(node.nodeName);
      
       if (node.hasChildNodes())
       {
        showAll(node);
       }
    }

}

function showAll(node)
{
    for (i=0; i < node.childNodes.length; i++)//迴圈2
    {
        alert(node.childNodes[i].nodeName);
        if (node.childNodes[i].hasChildNodes())
       {
            showAll(node.childeNodes[i]);//遞迴
       } 
    }
    //alert("dsagd");
}