JavaScript はノード タイプ、ノード名、ノード値を取得します

ノードタイプ

DOM ノードでは、各ノードは異なるタイプを持ちます。

W3C仕様で一般的に使用されるDOMノードタイプは以下の通りです:

QQ截图20161013092538.png

ノードタイプを取得するための構文:
nodeObject.nodeType
このうち、nodeObjectはDOMノード(ノードオブジェクト)です。 。このプロパティは、ノード タイプを数値として返します。たとえば、要素ノードの場合は 1、属性ノードの場合は 2 です。

たとえば、id="demo" で

タグのノード タイプを取得します:

document.getElementById("demo").nodeType;

このステートメントの戻り値は 1 です。

たとえば、要素ノードとテキスト ノードのタイプ値を取得します:

ここをクリックしてノード クラスを表示します

点击这里显示节点类型

デモを参照してください:QQ截图20161013092836.png

ノード名

;ノード名は DOM ノード名であり、異なるタイプのノードが異なるノード名に対応します。

QQ截图20161013092653.png

ノード名を取得するための構文:

nodeObject.nodeName


このうち、nodeObjectはDOMノード(ノードオブジェクト)です。

たとえば、id="demo" を持つ

タグのノード名を取得します:

document.getElementById("demo").nodeName;

このステートメントの戻り値は DIV です。

たとえば、要素ノード名、テキストノード名、ドキュメントノード名を取得します:

点击这里显示节点名称

QQ截图20161013092844.png

ノード値

テキスト ノードの場合、ノード値はテキスト コンテンツであり、属性ノードの場合、ノード値は属性の値です。

ノード値はドキュメントノードと要素ノードでは使用できません。

ノード値を取得するための構文:

nodeObject.nodeValue

このうち、nodeObject は DOM ノード (ノード オブジェクト) です。

たとえば、テキスト ノードのノード値を取得します:

点击这里显示文本节点的值

QQ截图20161013092852.png

学び続ける
||
HTML DOM树型结构图
点击这里显示节点名称
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!