子要素の数を取得する childNodes.length

[説明]

メソッド	できること
document.createElement(' ')	HTMLタグを作る
document.createTextNode(' ')	テキストを作る　nodeValueとして。textContentではない。
親要素.appendChild( )	ノードの子要素の最後に、新たに作ったノードを追加する
親要素.insertBefore(追加したい要素 , 挿入したい場所の後にくる要素)	要素の直前に要素を新たに追加する
親要素.removeChild( )	要素を削除する

[実行結果]

長男
次男
三男

[ソースコード]

<ul id="family">
	<li>長男</li>	// インデックス[0]	数1
	<li>次男</li>	// インデックス[1]	数2
	<li>三男</li>	// インデックス[2]	数3
</ul>
<input type="button" id="btn" value="子要素の数を取得する" />

<script type="text/JavaScript">
var btn = document.getElementById('btn');

btn.onclick = function(){

}
</script>

インデックスにもどる