JavaScript設定獲取和設定屬性的方法_javascript技巧

getAttribute

此方法用來取得元素的屬性，呼叫方式如下所示：

複製程式碼 程式碼如下:

object.getAttribute(attribute)

以先前介紹的一些方法不同，getAttribute方法不屬於document對象，所以不能透過document物件呼叫。它只能透過元素節點物件來呼叫。

方法只接受一個參數，你指定要查詢的屬性的名字。如果指定的屬性沒有設置，結果將傳回null物件。

setAttribute

上面作用相反的是setAttribute，該方法被用來設定元素節點的屬性。呼叫方式如下圖所示：

複製程式碼 程式碼如下:

object.setAttribute(attribute)

方法只接受一個參數,即你要設定的屬性。

拓展閱讀

透過setAttribute對文件做了修改之後，在透過瀏覽器的view source（查看原始碼）選項去查看文件的源代碼時看到的仍將是改變前的值，也就是說，setAttribute做出的修改不會反映在文件本身的原始碼裡。這種「表裡不一」的現像源自DOM的工作模式：先載入文件的靜態內容，在動態刷新，動態刷新不影響文件的靜態內容。這正是DOM的真正威力：對頁面內容進行重新整理卻不需要在瀏覽器裡重新整理頁面。

上面的兩個方法屬於DOM Level 1新增的API，在他們出現之前，可以透過另一個方法來實現，舉例如下

取得屬性：

複製程式碼 程式碼如下:

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

上面的等價於

複製程式碼 程式碼如下:

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

設定屬性：

複製程式碼 程式碼如下:

element.attribute = "the new value";

其等價於

複製程式碼 程式碼如下:

element.setAttribute("attribute", "the new value");   

如果你想偷懶少敲鍵盤的話，那麼推薦上面的方式，不過最佳實踐還是要推崇DOM標準，即使用setAttribute和getAttribute。

以上就是本文的全部內容了，有需要的小夥伴來學習下，希望大家能夠喜歡。