childNodesの使い方(1)

子ノード。lengthプロパティは子要素の数。childNodes[n]で各要素を参照できる。

実行結果

source

<div id="div1">
	<div id="div1_1">This is first div.</div>
	<div id="div1_2">This is second div.</div>
	<div id="div1_3">This is third div.</div>
</div>

<script language="javascript">
var main = document.getElementById('div1');
var output1 = main.childNodes.length;
var output2 = main.childNodes[0].nodeType;
var output3 = main.childNodes[0].nodeValue;

document.write("<br/>");
document.write("div1のchildNodesの数は" + output1 + "個です。<br/>");
document.write("div1のchildNodes[0]のnodeTypeは" + output2 + "です。<br/>");
document.write("div1のchildNodes[0]のnodeValueは" + output3 + "です。<br/>");
</script>