欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

通过点击事件来更改图片的src路径

程序员文章站 2022-07-13 15:20:28
...

html:

<img οnclick="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”这个字符串就执行下面的代码。

$("#id").arr(“src”,“lujing”)