English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM hasChildNodes() メソッド

HTML DOM要素オブジェクト

hasChildNodes()メソッドは、指定されたNodeが子ノードを持っているかどうかを示す布尔値を返します。

注意:ノード内のスペースはテキストノードとして扱われます。したがって、要素内にスペースや改行符を保持している場合でも、その要素は子ノードを持っています。

文法:

node.hasChildNodes()
var div = document.getElementById("myDiv");
div.hasChildNodes();
テストして見て‹/›

ブラウザの互換性

すべてのブラウザが完全にhasChildNodes()メソッドをサポートしています:

メソッド
hasChildNodes()

技術的詳細

返り値:ノードが子ノードを持っている場合にtrue、そうでない場合にfalseを返します。
DOMバージョン:DOMレベル1

さらに例

もしDIV要素に最初の子ノード(インデックスが0)がある場合、その子ノードを削除します:

// Get the DIV element with id="myDiv"
var div = document.getElementById("myDiv");
// If the DIV element has any child nodes, remove its first child node
if (div.hasChildNodes()) {
   div.removeChild(div.childNodes[0]);
}
テストして見て‹/›

関連参照

HTML DOM参照:element.childNodes()メソッド

HTML DOM参照:node.firstChild属性

HTML DOM参照:node.lastChild属性

HTML DOM参照:node.parentNode属性

HTML DOM参照:node.nextSibling属性

HTML DOM参照:node.previousSibling属性

HTML DOM要素オブジェクト