認識Node節點對象
Node節點對象是元素節點對象、屬性節點對象、文本節點對象和注釋節點對象的父類,元素節點對象、屬性節點對象、文本節點對象和注釋節點對象都繼承於Node節點對象。
Node節點對象有一個屬性nodeType,表示該節點的類型(對象類型),節點類型如下表所示:
元素節點對象
元素節點的子節點類型可以是元素節點、屬性節點、文本節點和注釋節點。如下圖所示:
元素節點可以使用Node節點的全部屬性和方法。
Document對象的documentElement屬性值是文檔根Node節點對象,類型是元素節點類型。元素節點下面有一個或多個Node節點對象,Node節點下面又有一個多個Node節點對象,以此類推,不同層次的Node節點對象構成了樹結構。
例如:下面的HTML文檔
<html><head><title>送杜少府之任蜀州</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body><h3>送杜少府之任蜀州</h3><div> <p>城闕輔三秦,風煙望五津。與君離別意,同是宦遊人。</p></div></body></html>
Node節點對象樹結構為:
屬性節點對象
屬性節點的子節點類型只能是文本節點。
注意事項:雖然在 W3C DOM 內核中,規定屬性節點繼承Node節點對象的所有屬性和方法 ,但在DOM 4 中,屬性節點對象不再從Node節點對象中繼承,因此屬性節點儘量避免使用Node節點的全部屬性和方法。
文本節點對象
文本節點對象表示元素或屬性中的文本內容,該節點對象沒有任何子節點。因此Node節點對象關於子節點的屬性和操作是不能繼承使用的。
注釋節點對象
注釋節點對象表示注釋內容,該節點對象沒有任何子節點。因此Node節點對象關於子節點的屬性和操作是不能繼承使用的。
Node節點屬性和方法
Node節點對象的主要屬性如下表所示:
Node節點對象的主要方法如下表所示: