element.nodeTypeは、ノードの種類を表す数値を返すプロパティ。
構文
var $nodeType = $nodeReference.nodeType;
戻り値
ノードの種類を表す数値。
例えば、HTML要素であれば「1」、テキストであれば「3」という数値を返す。
サンプル
id属性がsampleである子ノードたちのノードタイプ：
サンプルの動作について
「getNodeType()」ボタンをクリックすると、「id属性がsampleである子ノードたちのノードタイプ：」の右横に「3, 1, 3, 1, 3, 」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function getNodeType() {
var $nodeReference = document.getElementById( "sample" );
var $childNodes = $nodeReference.childNodes;
var $childNodesName = "";
for( i=0; i < $childNodes.length; i++ ){
$childNodesName += $childNodes[i].nodeType + ", ";
}
document.getElementById( "sampleOutput1" ).innerHTML = $childNodesName;
}
</script>
function getNodeType() {
var $nodeReference = document.getElementById( "sample" );
var $childNodes = $nodeReference.childNodes;
var $childNodesName = "";
for( i=0; i < $childNodes.length; i++ ){
$childNodesName += $childNodes[i].nodeType + ", ";
}
document.getElementById( "sampleOutput1" ).innerHTML = $childNodesName;
}
</script>
HTML
<div id="sample">
<button onclick="getNodeType();">getNodeType()</button>
<p>id属性がsampleである子ノードたちのノードタイプ：<span id="sampleOutput1"></span></p>
</div>
<button onclick="getNodeType();">getNodeType()</button>
<p>id属性がsampleである子ノードたちのノードタイプ：<span id="sampleOutput1"></span></p>
</div>