javascript文檔節點的簡單介紹

本文目錄一覽：

• 1、javascript dom中有幾種節點類型
• 2、javascript中怎樣區分元素和節點？
• 3、JavaScript文檔節點和文本節點一樣嗎？

javascript dom中有幾種節點類型

一般地，節點至少擁有nodeType、nodeName和nodeValue這三個基本屬性。

節點類型不同，這三個屬性的值也不相同

nodeType

nodeType屬性返回節點類型的常數值。不同的類型對應不同的常數值，12種類型分別對應1到12的常數值

元素節點 Node.ELEMENT_NODE(1)

屬性節點 Node.ATTRIBUTE_NODE(2)

文本節點 Node.TEXT_NODE(3)

CDATA節點 Node.CDATA_SECTION_NODE(4)

實體引用名稱節點 　 Node.ENTRY_REFERENCE_NODE(5)

實體名稱節點 Node.ENTITY_NODE(6)

處理指令節點 Node.PROCESSING_INSTRUCTION_NODE(7)

注釋節點 　 Node.COMMENT_NODE(8)

文檔節點 　 Node.DOCUMENT_NODE(9)

文檔類型節點 Node.DOCUMENT_TYPE_NODE(10)

文檔片段節點 Node.DOCUMENT_FRAGMENT_NODE(11)

DTD聲明節點 Node.NOTATION_NODE(12)

DOM定義了一個Node介面，這個介面在javascript中是作為Node類型實現的，而在IE8-瀏覽器中的所有DOM對象都是以COM對象的形式實現的。所以，IE8-瀏覽器並不支持Node對象的寫法

javascript中怎樣區分元素和節點？

1、所謂元素，即html文檔裡面，所有的標籤都可以稱之為元素，比如說p、tr等，也就是說元素是個統稱，一個文檔裡面有很多的元素。

2、所謂節點，是js為了對html文檔進行操作，而開發的，即DOM，文檔對象模型。即每個元素都可以稱之為一個節點，節點是唯一的。

比方來說，《p》標籤，肯定是一個p標籤元素，那如果通過js對它進行樣式控制的時候，就必須獲取（找到）到這個元素，稱之為節點，如果有好多元素，可以獲得第1個、第2個或者第n個。

總之，元素是統稱，節點是具有唯一性的。

JavaScript文檔節點和文本節點一樣嗎？

不一樣。常見的節點分五種：

1：元素，Element；

2：屬性，Attribute；

3：文本，Text；

8：注釋，Comment；

9：文檔，Document。

更多的參見：

文檔就是 DOM 樹的根節點（其實就是 html/html），剩下所有節點都包含在文檔里。

元素就是一個個標籤了，pdiv 什麼的。

屬性是元素里的，p id=”id” name=”name” 這種的。

文本是元素或屬性中的文本內容，p id=”我是文本”我也是文本/p 這種。