ホームページ >ウェブフロントエンド >jsチュートリアル >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 ノードの属性は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。