節點/元素/對象有什么區別？

Question

據說，在許多地方，它們都是同一件事。 但是，當他們開始解釋時，他們對每個人的引用都不同，而沒有給出清楚的區別是什么？

請嘗試盡可能具體，因為我仍在學習JS尚不十分出色。 :)

Answer 1

節點是許多DOM類型從其繼承的接口，並允許類似地對待（或測試）這些各種類型。 參考： https : //developer.mozilla.org/en-US/docs/Web/API/Node

Element接口表示Document的對象。 該界面描述了各種元素共有的方法和屬性。 在從Element繼承但添加其他功能的接口中描述了特定的行為。 例如，HTMLElement接口是HTML元素的基本接口，而SVGElement接口是所有SVG元素的基礎。 參考： https : //developer.mozilla.org/en-US/docs/Web/API/Element

一個對象可以代表任何東西。 對象具有描述它們的屬性以及可以對它們執行的操作的方法。

把它放在一起：

您可以在網頁中創建DOM節點，如下所示：

var node=document.createTextNode('A Node');

然后，您可以創建一個段落元素：

var p=document.createElement('p');

將節點附加到段落：

p.appendChild(node);

您還可以將節點和元素引用為對象：

p.className='description';  // set the class property of the paragraph to 'description';

p.setAttribute('data-item', '8');  // add an attribute named data-item with a value of 8

Answer 2

所有元素都是節點，但節點並非全部元素，元素和節點都是對象類型。