トップページ >  JavaScript >  子要素を持つか調べる
初版2013/02/25: 最終更新日2013/02/25
  子要素を持つか調べる
目次
子要素を持つか調べる
子要素を持つか調べる
子要素を持つかどうか調べるにはhasChildNodes()を使用します。
hasChildNodesはbooleanを返します。以下のようなHTMLがあったとします。

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>

子要素があるか調べて、あるならば、そのままhasChildNods()の戻り値をアラートしています。



以下、ソースです。

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

IE8でもChrome25でも動作します。