DOM ノードの属性は何ですか?

この記事では、DOM ノードのプロパティに関する知識を共有します。これは、特定の参考値になります。

DOM ノードには、さまざまなカテゴリに応じてさまざまなプロパティがあります。たとえば、ラベルの要素ノード はリンクに関連する属性を持ち、 ラベルは入力に関連する属性を持ちます。テキスト ノードは要素ノードとは異なりますが、すべての DOM ノードが単一の階層を形成するため、テキスト ノード間には共通のプロパティやメソッドも多くあります。各 DOM ノードは、対応する組み込みクラスに属します。

構造階層 (ツリー)

(1) ルートは EventTarget で、Node に継承され、他の DOM ノードもそれを継承します。

(2) EventTarget はルートの「抽象」クラスであり、このクラスのオブジェクトは作成されません。これはすべてのノードの基礎であるため、すべての DOM ノードは

(3 ) ノードは、DOM ノードの基礎として使用される「抽象」クラスでもあります。そのコアは、parentNode、nextSibling、childNodes などです。同様に、Node はクラス オブジェクトを作成しませんが、テキスト ノードの Text や要素ノードの Element など、Node から特定のノードを継承するいくつかのクラスが存在します。 (4) Element は DOM 要素の基礎であり、getElementsByTagName、querySelector などのメソッドを提供します。

nodeType 属性

はノードのタイプを表します。この div 要素ノード

を呼び出すと、数値

要素ノード (通常、開始タグと終了タグを持つ要素のペアを指します) - 1

属性のみが返されます。ノード (要素ノードの属性) —— 2

テキスト ノード (テキストのレンダリングに使用される DOM の部分) —— 3

コメント ノード (コメント部分のノード) — — 8

ドキュメント — — 9

DocumentFragment —— 11

<div>
<p>123</p>
<i></i>
<span></span>
</div>	
<script type="text/javascript">
var div=document.getElementsByTagName("div")[0];
</script>

nodeName属性

DOM ノードを指定すると、nodeName または tagName 属性からそのタグ名を読み取ることができます。

<div>
<p>123</p>
<i></i>
<span></span>
</div>	
<script type="text/javascript">
	var div=document.getElementsByTagName("div")[0];
</script>

nodeValue 属性

テキスト テキスト ノードまたはコメント コメント ノードのテキスト コンテンツ、読み取り可能および書き込み可能

<div>
<p>123</p>
<i></i>
<span></span>
</div>	
<script type="text/javascript">
var div=document.getElementsByTagName("div")[0];
</script>

要約: 上記がこの記事の全内容です。DOM 属性を学ぶのに役立つことを願っています。

以上がDOM ノードの属性は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。