element.nodeTypeプロパティ

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>

HTML

<div id="sample">
 <button onclick="getNodeType();">getNodeType()</button>
 <p>id属性がsampleである子ノードたちのノードタイプ:<span id="sampleOutput1"></span></p>
</div>

スポンサード リンク

カテゴリー: DOM, Elementオブジェクト, JavaScript, ノード, プロパティ, リファレンス, 逆引き パーマリンク