JavaScript隱藏基於子節點列表不能正常工作的div

Question

我想隱藏容器div部分內的所有div免除第一個。

這裏是我的html：

<div id="main"> 
    <div id="first"> 
     First div 
    </div> 
    <div id="second"> 
     Second div 
    </div> 
    <div id="third"> 
     Third div 
    </div> 
</div> 

這裏是我的JavaScript：

function hide(){ 
    var target = document.getElementById("main"), 
     childList = target.childNodes, 
     i = 1; 
    for(; i < childList.length; i++){ 
     if(childList[i].nodeName !== "#text"){ 
      childList[i].style.display = 'none'; 
     }; 
    }; 
} 

看來，這應該工作，並隱藏所有div免除第一個...但事實並非如此。它隱藏了所有的元素。控制檯中沒有錯誤。

我該如何解決這個問題？

謝謝。

Answer 1

您正在使用childNodes而不是子節點。在這種情況下，你應該使用孩子。

childList = target.children 

看一看這個答案：What is the difference between children and childNodes in JavaScript?