DOM

Node.hasChildNodes() メソッド

 編集:2022.10.30 by T.A.

[Edge]。→

Node が子ノードを持つか否かを真偽値で返します。

構文
Node.hasChildNodes()
Node Node
戻り値

Boolean。子ノードを持つ:true、持たない:false。

mdn

"foo" を id に持つ要素の子ノードの存在を確認し、存在する場合は最初の子ノードを削除する例を以下に示します。

var foo = document.getElementById("foo");

if ( foo.hasChildNodes() ) {
  foo.removeChild( foo.childNodes[0] );
}

HTML:

<SPAN id=IdSpan>SPAN要素</SPAN><BR id=IdBr>
<SPAN id=IdSpan2></SPAN>
<INPUT id=IdInput value="INPUT要素">
<SPAN id=IdSpan3 style="display:none">SPAN要素</SPAN>

JavaScript:

D=IdSpan.hasChildNodes();   //true
D=IdSpan2.hasChildNodes();  //false
D=IdBr.hasChildNodes();     //false
D=IdInput.hasChildNodes();  //false
D=IdSpan3.hasChildNodes();  //true

テスト