上次說要來試試看用onclick來替換兩張圖片

首先問題點是要如何讓電腦知道我目前是顯示哪一張圖片,

再來就是我要換哪一張圖片。

查了之後"match"可以用來檢視相對應的物件有沒有我要的資料,

用例子說明比較好理解

上例在if條件式為 document.getElementById("image").src.match("bulboff")

這句話的意思是

=> 檢索id為image的圖片中,裡面src圖片路徑中是否存在bulboff這個字串,

如此一來上述的整串function代表

如果檢索出有bulboff字串,則將文件中id為image的圖片路徑修改為Image/pic_bulbon.gif,

若檢索不到bulboff字串則將src更新為bulboff.gif

這樣就可以利用button onclick的功能置換兩張圖片

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 A&B 的頭像
    A&B

    網頁前端新手上路辛酸史

    A&B 發表在 痞客邦 留言(0) 人氣()