JS--ノードの種類を取得

ノードの種類を取得

【開発環境】
OS：Win11（64ビット）
VSCode1.72.2、

【ノードの種類を確認する】
Node オブジェクトの nodeType プロパティを参照するとノードの種類を確認することができます。

書式；node.nodeType

戻り値はノードの種類を表す unsigned short 型の値が戻されます。どの値がどのノードの種類になるのかは次の一覧を見てください。

ノードを取得したあと、ノードの  nodeType プロパティを参照することで取得したノードの種類を確認することができます。

サンプル

＜!DOCTYPE html＞
＜html lang="ja"＞
＜head＞
＜meta charset="UTF-8"＞
＜title＞nodeType＜/title＞
＜/head＞
＜body＞

＜p＞今日は外でランチを食べました＜/p＞

＜div id="blog"＞
  ＜p＞朝から外出していたのでランチは外で頂きました。＜/p＞
  ＜!-- お店の情報 --＞
  ＜p＞場所：港区南青山＜/p＞
  ＜p＞店名：リストランテ南青山＜/p＞
＜/div＞

＜button onClick="getElements();"＞要素を取得＜/button＞

＜script＞
function getElements(){
    const ntype = ['ELEMENT',
                   'ATTRIBUTE',
                   'TEXT',
                   'CDATA_SECTION',
                   'ENTITY_REFERENCE',
                   'ENTITY',
                   'PROCESSING_INSTRUCTION',
                   'COMMENT',
                   'DOCUMENT',
                   'DOCUMENT_TYPE',
                   'DOCUMENT_FRAGMENT',
                   'NOTATION'];

    let element = document.getElementById('blog');
    let children = element.childNodes;

    let len = children.length;
    for (let i = 0; i ＜ len; i++){
        console.log(ntype[children.item(i).nodeType - 1]);
    }
}
＜/script＞
＜/body＞
＜/html＞

1.ブラウザを立ち上げる2.ボタンをクリックする

id 属性の値が 'blog' のノードを取得し、そのノードの子ノードをすべて取得します。そのあとで、子ノードのノード毎にノードの種類を調べてコンソールに出力しています。