檢查div是否具有控件Javascript

Question

我使用警報來檢查div是否具有任何子控件：

alert(document.getElementById("MainContent_imgContainer").hasChildNodes());

即使MainContent_imgContainer div沒有任何子控件，它也始終返回true，

請告訴我確定div是否具有子控件的更好方法是什么..謝謝

Answer 1

您的容器可能有一個空間，該空間算作textNode。 確保您的div確實是空的。

或使用另一種機制，例如jQuery，僅計算非textNodes

$("#MainContent_imgContainer").children().length; // 0 when empty

Answer 2

請改用.children.length ，所有瀏覽器均支持。 MDN文件

alert(document.getElementById("MainContent_imgContainer").children.length > 0);

Answer 3

檢查選擇器的.length ，以查看它匹配了多少個元素，在這種情況下：

if($("#divid").children().length) {
  //child exists
}