JavaScript學習筆記——節點

標籤：

javascript-節點屬性詳解

根據 DOM，HTML 文檔中的每個成分都是一個節點。

　　DOM 是這樣規定的：

　　　　整個文檔是一個文檔節點
　　　　每個 HTML 標籤是一個元素節點
　　　　包含在 HTML 元素中的文本是文本節點
　　　　每一個 HTML 屬性是一個屬性節點
　　　　注釋屬於注釋節點

一、如何獲得節點引用

1.舊的擷取節點引用方式
getElementById()
getElementByTagName()
getElementByName()
*******************************************
劣勢：
1.浪費記憶體
2.邏輯性不強
*******************************************

2.通過節點 關係屬性 獲得節點的引用
對象.parentNode 獲得父節點的引用
對象.childNodes 獲得子節點的集合
對象.firstChild 獲得第一個子節點
對象.lastChild 獲得第一個子節點\
對象.nextSibling 獲得下一個兄弟節點的引用
對象.previousSibling 獲得上一個兄弟節點的引用

****************************************************************
劣勢:相容性不好。

****************************************************************

二、節點的資訊(屬性)

節點類型 節點名字 節點值
nodeType(數值) nodeName nodeValue

元素節點 1 標籤名 null
屬性節點 2 屬性名稱 屬性值
文本節點 3 #text 文本
注釋節點 8 #comment 注釋的文字
文檔節點 9 #document null

三、相容性的方法

 

 

JavaScript學習筆記——節點