javascript怎麼修改元素節點的屬性

青灯夜游
發布: 2022-02-16 11:25:16
原創
3613 人瀏覽過

修改方法:1、使用setAttribute()方法修改節點屬性的值,語法「節點.setAttribute(屬性名稱,值)」;2、使用removeAttribute()方法刪除指定的屬性,語法「節點.removeAttribute(屬性名)」。

javascript怎麼修改元素節點的屬性

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript修改元素節點的屬性

#setAttribute() 方法設定屬性值

##使用元素的setAttribute() 方法可以設定元素的屬性值。用法如下:

setAttribute(name, value)
登入後複製

參數 name 和 value 分別表示屬性名稱和屬性值。屬性名和屬性值必須以字串的形式進行傳遞。如果元素中存在指定的屬性,它的值將被刷新;如果不存在,則 setAttribute() 方法將為元素建立該屬性並賦值。

红盒子
蓝盒子
登入後複製

removeAttribute() 方法刪除屬性

#使用元素的 removeAttribute() 方法可以刪除指定的屬性。用法如下:

removeAttribute(name)
登入後複製

參數 name 表示元素的屬性名稱。

範例:


 
数据表格
登入後複製

在上面範例中設計了兩個按鈕,並分別綁定了不同的事件處理函數。點選「刪除」按鈕即可呼叫表格的 removeAttribute() 方法清除表格邊框,點選「恢復」按鈕即可呼叫表格的 setAttribute() 方法重新設定表哥便可的粗細。

【相關推薦:

javascript學習教學#

以上是javascript怎麼修改元素節點的屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!