JavaScript設(shè)置獲取和設(shè)置屬性的方法

更新時間：2015年03月04日 11:09:53 投稿：hebedich

這篇文章主要介紹了JavaScript設(shè)置獲取和設(shè)置屬性的方法，學(xué)會使用getAttribute、setAttribute的用法,需要的朋友可以參考下

getAttribute

該方法用來獲取元素的屬性，調(diào)用方式如下所示：

復(fù)制代碼代碼如下:

object.getAttribute(attribute)

以此前介紹的一些方法不同，getAttribute方法不屬于document對象，所以不能通過document對象調(diào)用。它只能通過元素節(jié)點對象來調(diào)用。

該方法只接受一個參數(shù)，你指定要查詢的屬性的名字。如果指定的屬性沒有設(shè)置，結(jié)果將返回null對象。

setAttribute

以上面作用相反的是setAttribute，該方法被用來設(shè)置元素節(jié)點的屬性。調(diào)用方式如下所示：

復(fù)制代碼代碼如下:

object.setAttribute(attribute)

該方法只接受一個參數(shù),即你要設(shè)置的屬性。

拓展閱讀

通過setAttribute對文檔做了修改之后，在通過瀏覽器的view source（查看源代碼）選項去查看文檔的源代碼時看到的仍將是改變前的值，也就是說，setAttribute做出的修改不會反映在文檔本身的源代碼里。這種“表里不一”的現(xiàn)象源自DOM的工作模式：先加載文檔的靜態(tài)內(nèi)容，在動態(tài)刷新，動態(tài)刷新不影響文檔的靜態(tài)內(nèi)容。這正是DOM的真正威力：對頁面內(nèi)容進(jìn)行刷新卻不需要在瀏覽器里刷新頁面。

上面的兩個方法屬于DOM Level 1中新增的API，在他們出現(xiàn)之前，可以通過另外一種方法來實現(xiàn)，舉例如下

獲取屬性：

復(fù)制代碼代碼如下:

var val = element.attribute //獲取屬性

上面的等價于

復(fù)制代碼代碼如下:

var val = element.getAttribute('attribute');

設(shè)置屬性：

復(fù)制代碼代碼如下:

element.attribute = "the new value";

其等價于

復(fù)制代碼代碼如下: