子要素(子ノード)の取得

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

子要素は、テキストノード(改行やスペースも同様)は含まれません。

構文

var elements = element.children;

戻り値

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

サンプルコード

JavaScript

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

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

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

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