以下のようなHTMLから要素を取得するには
firstChild()を使用します。
では、その次の要素を取得するにはオブジェクト.nextsiblingを使用します。
child1
child2
child3
child4
child5
<div id="parent">
<span id="child1">child1</span>
<span id="child2">child2</span>
<span id="child3">child3</span>
<span id="child4">child4</span>
<span id="child5">child5</span>
</div>
nextsiblingを利用して全要素を次々に取得していきます。
以下、ソースです。
<script language="JavaScript">
<!--
function a(){
elm = document.getElementById("parent").firstChild;
while(elm){
// nodeTypeが要素ノードでない場合、nextSiblingしてコンティニュー
if(elm.nodeType !== 1) {
elm = elm.nextSibling;
continue;
}
alert(elm.innerHTML);
elm = elm.nextSibling;
}
}
// -->
</script>
このスクリプトはnodeTypeを見ていため、IE8でもChromeでも動作します。