子要素があるかどうか判定する hasChildNodes();

[説明]

動的に生成する要素において、子要素があるかどうかif文やwhile文の条件判定で用いる関数である。

[サンプル]

企画部
技術部
第一営業部
第二営業部

[実行結果]

[ソースコード]

<div id="groups">
	<div id="kikaku">企画部</div>
	<div id="gijyutsu">技術部</div>
	<div id="eigyou">
		<div id="eigyou_1">第一営業部</div>
		<div id="eigyou_2">第二営業部</div>
	</div>
</div>

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

btn.onclick = function(){
	var divElement = document.getElementById('groups');

	if(divElement.hasChildNodes()){ // if文の条件判定で用いる
		hyouji.innerHTML = "子要素があります。";
	}else{
		hyouji.innerHTML = "子要素がありません。";
	}
}
<script type="text/JavaScript">

</script>

インデックスにもどる