DOM のノードと要素の違いは何ですか

ノードと要素の違い: 1. ノードはさまざまな種類のノードを含むノードであり、要素は単なる Node ノードの一種です; 2. 要素は Node から継承し、Node のメソッドを持ちます。独自のメソッドも多数展開しています。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

DOM 内の要素を取得するために document.getElementById をよく使用します。また、子ノードを取得するために childNodes も使用します。では、要素とノードの違いは何でしょうか?

Node が提供するノードと Element が提供するノード

jQuery を学習するとき、Node と Elme をいつも混同しますか

左側にノード/右側に要素

ノードと要素の関係

ノードと要素の関係は、継承について考えるとより明確になるかもしれません。

要素は Node から継承し、Node のメソッドを持ち、独自の固有メソッドの多くも拡張します。

Element の一部のメソッドでは、Node と Element が明確に区別されます。

たとえば、childNode と子、parentNode とparentElement、その他のメソッドです。

Node の一部のメソッドでは、戻り値は Node (テキスト セクション、コメント ノードなど) ですが、Element の一部のメソッドでは、戻り値は Element である必要があります。
これを明確に区別できれば、多くの低レベルの問題を回避できます。

簡単に言うと、Node は基本クラスであり、DOM 内の要素、テキスト、コメントはすべてそこから継承されます。
つまり、Element、Text、Comment は 3 つの特別なノードであり、それぞれ ELEMENT_NODE、
TEXT_NODE、COMMENT_NODE と呼ばれます。

つまり、私たちが通常使用する HTML 上の要素、つまり Element は、タイプ ELEMENT_NODE のノードです。

概要:

• Node はさまざまなタイプのノードを含むノードであり、Element は Node ノードの一種にすぎません。

• 要素は Node から継承し、Node のメソッドを呼び出すことができます。

• すべての DOM 要素にメソッドを追加するには、ノードまたは要素のプロトタイプ チェーンを汚染するだけです。

ここでのノードは、div/p/span などの最も一般的な要素ノードを含む DOM ノードを指します。その他、Document/Commentなどのノードも含まれます。
ノードのタイプは、nodeType タイプを通じて表示できます。具体的なタイプは、次の図で確認できます:

[関連する推奨事項: JavaScript 学習チュートリアル ##]

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