JS中,改變圖片的src路徑。

Z_沿華發表於2018-01-25

html:<img onclick="changeImage()" id="img" src="images/cbd.jpg"/>

js://改變圖片的src屬性---路徑
var img = document.getElementById('img');
function changeImage(){
if(img.src.match('cbd')){
img.src = 'images/muwu.jpg';
}else{
img.src = 'images/cbd.jpg';
}
}

img.src.match('cbd'):match() 方法可在字串內檢索指定的值,或找到一個或多個正規表示式的匹配。這裡的意思就是圖片路徑中如果包含“cbd”這個字串就執行下面的程式碼。

相關文章