HTML DOM Element hasChildNodes() メソッド

定義と用法

指定されたノードに子ノードがある場合、 方法返回 メソッドが返します。true 、そうでない場合はfalse

hasChildNodes()

メソッドは読み取り専用です。

注意

ノード間の空白は子ノード(テキストノード)として見なされます。

参照:

childNodes プロパティ

firstChild プロパティ

lastChild プロパティ

nextSibling プロパティ

previousSibling プロパティ

parentNode プロパティ

HTML ノードと要素 HTML DOM(ドキュメントオブジェクトモデル)では、HTML ドキュメントは子ノード(または子ノードを持っていない)のノード集合です。

ノード要素ノード、テキストノード、コメントノードを指します。

要素要素間の空白もテキストノードです。

要素はただの要素ノードです。

子ノードと子要素

childNodes 返り値子ノード(要素ノード、テキストノード、コメントノード)。

children 返り値子要素(テキストノードやコメントノードとは異なり)。

兄弟と要素の兄弟

兄弟「兄弟」と「姉妹」です。

兄弟同じ親ノードを持つノード(同じ childNodes リストに)。

要素の兄弟同じ親要素を持つ要素(同じ children リストに)。

インスタンス

例 1

要素に子ノードがありますか:

let answer = element.hasChildNodes();

実際に試してみる

例 2

要素の最初の子ノードを削除します:

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

実際に試してみる

構文

element.hasChildNodes()

パラメータ

なし。

返り値

タイプ 説明
ブール値 ノードが子ノードを持っている場合、ブール値 true を返し、そうでない場合は false を返します。

ブラウザのサポート

element.hasChildNodes() DOM レベル 1 (1998) の機能です。

すべてのブラウザで完全にサポートされています:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
サポート 9-11 サポート サポート サポート サポート