繼續聲明：欲練其功，必先自宮。博主正處在自宮階段，修煉得道者多多指教。

最近在看《JavaScript DOM 編程藝術》這本書，看到了getAttribute()和setAttribute()就想把自己的收獲寫下來。以及書中出現的疑點。

getAttribute是一個函數。它只能通過元素節點對象調用。也就是說用獲取到的元素來調用。

語法：object.getAttribute(attribute);

下面看一個最簡單的例子：

p標簽測試內容，通過getElementById()來獲取該元素之後賦值給test。然後獲取p元素的title屬性。

這裏結果就是我們寫的nothing is impossible。getAttribute()很簡單，也很好用。

如果該元素沒有我們需要的屬性，則會返回null.

第二：setAttribute(),也就是在這裏，我發現了這本書的一處錯誤點。可能是沒有更新吧。

setAttribute()是用來對屬性值進行修改的。它與getAttribute()一樣，也只能用於元素節點。

語法：object.setAttribute(attribute,value);前一個是要設置的屬性名稱，例如"title","id"等，後一個則是要設置的屬性內容。

我們還用上面給的例子來寫。

這是我們控制臺輸出的結果

這毋庸置疑，也就是在這個地方，我發現了一個與書中講解的不同。

在下面我拍的照片中可以明顯看到書中說的，通過setAttribute()對文檔做出修改之後，通過瀏覽器的view source查看屬性的內容是沒變化的。但是我在chrome和FF中查看之後明顯做出的改變，並且顯示了出來。

而寫該本書的作者也不會犯低級錯誤，否則他也不會明確寫明在瀏覽器裏不會改變，時代在進步，科技在發展。什麽都在變化。瀏覽器廠商也在一直往適應js標準上越靠越近。

加油吧！！

關於getAttribute()和setAttribute()的總結