JS如何改變HTML標簽的屬性
JS要改變HTML標簽的屬性，需要先獲取標簽對象，再利用JS方式改變屬性的內容。下面以改變圖片的src屬性為例，講解JS若何改變HTML標簽的屬性。
實現的結果：
當點擊美男按鈕時，圖片釀成美男圖片；
當點擊小孩按鈕時，圖片釀成小孩圖片。
方式/步調
- 1
新建一個HTML文件，定名為test.html，用于講解JS若何改變HTML標簽的屬性。
- 2
在test.html頁面界說一個img元素，用于顯示圖片，并為img元素界說一個值為myImage的id屬性，便利下面利用JS獲得圖片對象。
- 3
在test.html頁面利用input標簽界說兩個按鈕，一個按鈕名稱為美男，另一個按鈕名稱為小孩。
- 4
別離給兩個按鈕綁心猿意馬onclick事務，當點擊按鈕時，實現改變img元素的src圖片路徑屬性。
- 5
別離給兩個按鈕的onclick事務綁心猿意馬一個函數，美男按鈕綁心猿意馬meinu（）函數，小孩按鈕綁心猿意馬xiaohai（）函數，用于實現對img元素屬性的操作。
- 6
在兩個函數內，利用document.getElementById（）方式獲得img元素對象，然后對其src的屬性進行點竄，點竄為新的圖片路徑。
- 7
在瀏覽器運行test.html，查看實現的結果：
可見，當點擊按鈕時，當作功改變了img標簽的src屬性，實現了圖片的改變。
- 發表于 2019-07-08 17:03
- 閱讀 ( 829 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章