getAttribute

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

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

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

setAttribute

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

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

拓展閱讀

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

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

獲取屬性：

上面的等價于

設置屬性：

其等價于

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

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