node.hasChildNodes()は、「node」に指定したノードに子ノードがあるかどうかを調べるメソッド。
構文
var $boolean = $nodeReference.hasChildNodes();
戻り値
- 「$nodeReference」に子ノードがある場合、「true」を返す。
- 「$nodeReference」に子ノードがない場合、「false」を返す。
サンプル
- 項目Ａ
- 項目Ｂ
- 項目Ｃ
サンプルの動作について
「子ノードがあるかどうかを確認」ボタンをクリックすると、ボタンの右横に「true」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function sample() {
var $list = document.getElementById( "sample" );
var $output = document.getElementById( "sampleOutput" );
$output.innerHTML = $list.hasChildNodes();
}
</script>
function sample() {
var $list = document.getElementById( "sample" );
var $output = document.getElementById( "sampleOutput" );
$output.innerHTML = $list.hasChildNodes();
}
</script>
HTML
<p><button onclick="sample();">子ノードがあるかどうかを確認</button><spna id="sampleOutput" style="margin-left: 10px;"></span></p>
<ol id="sample"><li>項目Ａ</li><li>項目Ｂ</li><li>項目Ｃ</li></ol>
<ol id="sample"><li>項目Ａ</li><li>項目Ｂ</li><li>項目Ｃ</li></ol>