javascript - div にコントロール Javascript があるかどうかを確認します

Question

アラートを使用して、div に子コントロールがあるかどうかを確認します。

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

MainContent_imgContainer div に子コントロールがない場合でも、これは常に true を返します。

divに子コントロールがあるかどうかを判断するより良い方法を教えてください..ありがとう

Answer 1

おそらく、コンテナには textNode としてカウントされるスペースがあります。div が本当に空であることを確認してください。

または、textNode 以外のみをカウントする jQuery などの別のメカニズムを使用します。

$("#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
}