トップページ >  JavaScript >  最初の要素を取得する
初版2013/02/23: 最終更新日2013/02/23
  最初の要素を取得する
最初の要素を取得する
以下のようなHTMLから要素を取得するにはオブジェクト.firstChild()を使用します。

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>



以下、ソースです。

<script language="JavaScript">
<!--
function a(){
    elm = document.getElementById("parent").firstChild;
    if(elm){
        alert(elm.innerHTML);
    }
}
// -->
</script>

IE8では動作しますが、Chromeでは動作しません。ブラウザによっては要素がundefinedの場合があります。
次の要素を取得するにはnextSiblingで取得します。