<img>的onClick属性的问题。

简介:

<img src="a.jpg" name="anniu" onClick="anniu.src='b.jpg'" onClick="anniu.src='a.jpg'" >

这段代码可以实现,点击a.jpg这张图片,就变成了b.jpg。

可是我点击b.jpg想把它变回a.jpg,可它就不回去了。怎么办。

 

<img src="a.jpg" onclick="this.src = this.src.indexOf('a.jpg') == -1 ? 'a.jpg' : 'b.jpg';" />
str.indexOf("xx")表示在字符串str里面查找 "xx" 的位置, 如果找不到就返回 -1.? : 是三元运算符,x ? a : b, 如果 x == true 则返回 a, 否则返回 b.
合起来就是在this.src里面找a.jpg, 找不到就赋值为 a.jpg, 否则赋值为 b.jpg

var falg=true ; function chage()

{ if(falg ) { document .getElementById ("img").src="a.jpg"; falg =false ; }

else  { document .getElementById ("img").src="b.jpg"; falg =true ; } }

<img src="ajpg" id="img" name="anniu" onClick="chage()" >

给img一个id为img



本文转自农夫山泉别墅博客园博客,原文链接:http://www.cnblogs.com/yaowen/archive/2013/02/21/2920919.html,如需转载请自行联系原作者

相关文章
|
7月前
|
搜索推荐
img标签上title与alt属性的区别是什么?
img标签上title与alt属性的区别是什么?
185 0
Layui 内置方法 - layer.msg(提示框)
Layui 内置方法 - layer.msg(提示框)
634 0
Element el-button 按钮组件详解
本文目录 1. 背景 2. 按钮分类 3. 按钮样式 4. 按钮状态 5. 按钮分组 6. 按钮尺寸 7. 小结
2900 0
Element el-button 按钮组件详解
|
2月前
|
搜索推荐
<img>标签上的 title 属性与alt 属性的区别
<img>标签上的 title 属性与alt 属性的区别
175 0
|
7月前
el-dialog中内容自定义滚动条
el-dialog中内容自定义滚动条
201 0
|
7月前
|
数据采集 算法 前端开发
img标签中的title和alt属性有什么区别
img标签中的title和alt属性有什么区别
42 0
|
7月前
|
前端开发
a标签 href和onclick 传递的this区别
a标签 href和onclick 传递的this区别
HTML中<button />和<input type=“button“/>的区别
HTML中<button />和<input type=“button“/>的区别
111 0
|
编解码 前端开发 JavaScript
img标签中的srcset属性有什么用?
img元素的srcset属性用于浏览器根据宽、高和像素密度来加载相应的图片资源。 也就是说,我们不需要使用JavaScript也可以实现分辨率自适应。
386 0