getAttribute
此方法用來取得元素的屬性,呼叫方式如下所示:
以先前介紹的一些方法不同,getAttribute方法不屬於document對象,所以不能透過document物件呼叫。它只能透過元素節點物件來呼叫。
方法只接受一個參數,你指定要查詢的屬性的名字。如果指定的屬性沒有設置,結果將傳回null物件。
setAttribute
上面作用相反的是setAttribute,該方法被用來設定元素節點的屬性。呼叫方式如下圖所示:
方法只接受一個參數,即你要設定的屬性。
拓展閱讀
透過setAttribute對文件做了修改之後,在透過瀏覽器的view source(查看原始碼)選項去查看文件的源代碼時看到的仍將是改變前的值,也就是說,setAttribute做出的修改不會反映在文件本身的原始碼裡。這種「表裡不一」的現像源自DOM的工作模式:先載入文件的靜態內容,在動態刷新,動態刷新不影響文件的靜態內容。這正是DOM的真正威力:對頁面內容進行重新整理卻不需要在瀏覽器裡重新整理頁面。
上面的兩個方法屬於DOM Level 1新增的API,在他們出現之前,可以透過另一個方法來實現,舉例如下
取得屬性:
上面的等價於
設定屬性:
其等價於
如果你想偷懶少敲鍵盤的話,那麼推薦上面的方式,不過最佳實踐還是要推崇DOM標準,即使用setAttribute和getAttribute。
以上就是本文的全部內容了,有需要的小夥伴來學習下,希望大家能夠喜歡。