DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript設置獲取和設置屬性的方法教程
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。

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved