web-dev-qa-db-ja.com

Javascriptのノードとは何ですか?

JavaScriptのノードとは一体何なのでしょうか。

関数のように:

element.nodeType
row.parentNode.removeChild(row);
19
jaredramirez

この文脈における「ノード」は、単なるHTML要素です。 「DOM」は、WebサイトのHTMLを表すツリー構造であり、すべてのHTML要素は「ノード」です。 Document Object Model(DOM) を参照してください。


より具体的には、 "Node"はインターフェースです "document"や "element"を含む他の複数のオブジェクトによって実装されます。 「Node」インターフェースを実装するすべてのオブジェクトは、同様に扱うことができます。したがって、「ノード」という用語は(DOMコンテキストでは)、「ノード」インターフェースを実装するオブジェクトを意味します。最も一般的なのは、HTML要素を表す要素オブジェクトです。

28
Hubro

HTMLファイルがある場合は、HTML要素(P、DIV、SECTIONなど)が含まれていることがわかります。また、コメント、改行、テキストコンテンツ、html属性も含まれています。 ブラウザはこのhtmlファイルを読み取り、W3C HTML DOM標準に従って、HTMLドキュメント内のすべてがノードであることを破壊します。
P、DIV、SECTIONなどは要素ノードとして扱われます。コメントはコメントノード、テキストはテキストノード、改行もテキストノードの下にあります。また、JavaScriptを使用して、このDOMノードとノードツリーにアクセスできます。
常に1つのことを思い出してください:すべてのHTML要素はノードですが、すべてのノードはHTML要素ではありません

このコードを実行して、コンソールで結果を確認します。

<div class="parent">
    <div class="child"></div>
    <!-- --> 
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
 </div>
 <script>
     var parent = document.querySelector('.parent')
     console.log(parent.childNodes) // returns all child nodes list
     console.log(parent.children)  // returns child element nodes list
 </script>
2
Avijit Mandal

ノードはDOM別名ドキュメントオブジェクトモデルにあります。 DOMでは、要素、属性、テキストなど、ドキュメントのすべての部分が階層的なツリーのような構造に編成されています。親子で構成されています。ドキュメントのこれらの個々の部分はノードと呼ばれます。

enter image description here

最上位ノードはDOMツリーのルートノード(ドキュメントノード)であり、1つの子、<html>要素などを持っています。さらに、要素内のテキストコンテンツは親要素の子ノードです。たとえば、「モバイルOS」はそれを含む<h1>の子ノードと見なされます。 HTML文書内のコメントは、DOMツリー内のノードでもありますが、文書に影響を与えません。 ID、クラス、タイトル、スタイルなどのHTML属性も、DOM階層のノードと見なされます。

2
Yahya Rehman

(DOMの)ノードは、HTMLページからブラウザによって上記の「ノードツリー」および画面上にレンダリングされる要素です。 JavaScriptのようなWebクライアントプログラムからアクセスおよび操作できるようにする必要があります。

0
MonocleBoo