簡介

  • 節點(node)是一個網路術語,它表示網路中的一個連線點。一個網路就是由一些節點構成的集合。
  • 在DOM裡,文件是由節點構成的集合,此時的節點是文件樹上的樹枝和樹葉。

分類

DOM中包含許多不同型別的節點,下面先介紹其中三種:元素節點、文字節點和屬性節點。

1. 元素節點

解釋:DOM的原子是元素節點。

特徵

  • 元素的名字就是標籤的名字。example:文字段落元素的名字是“p”。
  • 元素可以包含其他的元素。example:在html檔案中,\元素是節點樹的根元素,其他元素,例如head、body等,都包含在根元素中。

2.文字節點

解釋:文字節點總是包含在元素節點內部,其內容就是文字。但不能說所有的元素節點都包含有文字節點。

例子

<p>This is an example.</p>

在上面的<p>元素中,“This is an example.”就是一個文字節點。

3.屬性節點

解釋:屬性節點用來對元素做出更具體的描述。

例子

</p><p title="an example title">This is an example.</p>

在上面的<p>元素中,我們可以利用title屬性來描述這個</p>

元素。

在DOM中,title="an example title"就是一個屬性節點。

注意

  • 屬性節點總是被放在起始標籤裡,即屬性節點總是被包含在元素節點中。

  • 但並非所有的元素都包含著屬性,但所有的屬性都被元素包含。

參考書籍:《JavaScript DOM程式設計藝術》