子要素(子ノード)の取得(テキストノードを含む)

子要素(子ノード)を取得するにはelement.childNodesプロパティを使用します。

子要素は、テキストノード(改行やスペースも同様)も含まれて取得されますが、
ブラウザによってそれらを含まず取得されることもあります。

構文

var result = element.childNodes;

戻り値

NodeListを返し、存在しない場合は0個のNodeListを返します。

サンプルコード

JavaScript

var element    = document.getElementById('sample'),
    childNodes = element.childNodes;

// 一つ目の子要素の要素名を取得
alert(childNodes[0].tagName);

// 繰り返す
for (var i = 0, len = childElems.length; i < len; i++) {
	// ...
}

JavaScript逆引きリファレンス一覧へ戻る