《JavaScript DOM編程藝術》筆記

標籤：

前幾章介紹javascript基本知識，變數的聲明，函數，和對象這三者是重點，當然沒什麼難度。

第三章開始是重點，講到了DOM。

D：文檔

O：物件導向

M：模型（樹）

 

擷取元素：

有三種DOM方法可以擷取元素節點，分別是通過元素id，通過標籤名，和通過類名。

1.getElementById

根據id返回一個

2.getElementByTagName

根據標籤名，返回一個對象數組。每個對象分別對應著document對象中的一個清單項目元素。

3.getElementByClassName

 

以上的三種方法是用來擷取元素的，我們擷取元素後，還需要擷取其各個屬性。getAttribute方法是用來擷取屬性，setAttribute方法是用來更改屬性。

 

getAttribute是一個函數，它只有一個參數，你打算查詢的屬性的名字。

object.getAttribute(attribute)

getAttribute方法不屬於document對象，所以不能通過document對象調用。它只能通過元素節點調用。例如，可以與getElementByTag方法合用。擷取每個<p>元素的title屬性，如下所示：

var paras = document.getElementsByTagName("p");for(var i = 0; i < paras.length;i++){      alert(paras[i].getAttribute("title"));}

 

《JavaScript DOM編程藝術》筆記