怎樣訪問和設置元素的HTML屬性?

2016-07-11 1555 1 編輯:Monster 來源:HTML書籍

在找到需要的節點(元素)之后通常希望對其屬性進行讀取或修改。DOM定義了3個方法來訪問和設置節點的HTML屬性,它們是getAttribute(name)、setAttribute(name,value)和removeAttribute(name)。

實際上,也可以不使用以上3種方法,直接通過(DOM元素.屬性名)獲取元素的HTML屬性,通過(DOM元素.屬性名="屬性值")設置或刪除元素的HTML屬性。這種方法和上面那3種方法的區別在于表中的方法可以訪問和設置元素自定義的屬性(如對<img>標記自定義一個author屬性),而這種方法只能訪問和設置HTML語言中已有的屬性,但人們一般都不會去自定義HTML屬性,因此這種方法完全夠用。

1.讀取元素的HTML屬性

下面的代碼首先獲取一個img圖像元素,然后讀取該元素的各種屬性并輸出。

說明:使用myImg.alt就可以讀取myImg元素的alt屬性,它和myImg.getAttribute("alt")有等價的效果。對于class屬性,由于class是JavaScript的關鍵字,因此訪問該屬性時必須將它改寫成className。

2.設置元素的HTML屬性

當鼠標滑動到某個Ii元素上時,就動態地改變左邊img元素的src屬性,使其切換顯示圖片。

3.刪除元素的HTML屬性

通過DOM元素.屬性名=""就可以刪除一個元素的HTML屬性值。

提示:

①由于width屬性和CSS中的width屬性同名,因此不能用myImg.width=""刪除。

②removeAttribute()可以刪除元素的任何HTML屬性,只是和getAttribute)一樣,對于class屬性在IE中必須把"class"寫成"className",而在Firefox中"class"又只能寫成"class",因此解決的辦法是把兩條都寫上或使用myImg.className=""來刪除。


本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
七星彩头尾 不用投资就可以赚钱的 股市中两种人赚钱 收视率怎么赚钱会员免广告 表外业务靠什么赚钱 在广州想开车赚钱 回收黄金的如何赚钱吗 全民欢乐捕鱼能提现吗 全民内蒙麻将 网上赚钱的软件靠谱吗 怎么用支付宝给花呗赚钱 街机金蟾捕鱼 山东麻将的摸牌顺序 有没有能小赚钱的游戏 种非菜赚钱吗 和记彩票网址 抖音关注赚钱