javascript 两张图片切换三目运算符

最新推荐文章于 2023-12-29 10:16:37 发布

weixin_30322405

最新推荐文章于 2023-12-29 10:16:37 发布

阅读量760

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiaoxiao2017/p/10541464.html

版权

<body>  
<script>
function changeImage(){
    var s = document.getElementById('myimage');
    s.src = s.src.match('bulboff')?"/images/pic_bulbon.gif":"/images/pic_bulboff.gif";
}
</script>
<img id="myimage" οnclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180">
<p>点击灯泡就可以打开或关闭这盏灯</p>
</body>

以上实例中代码 element.src.match("bulbon") 的作用意思是：
检索 <img> 里面 src 属性的值有没有包含 bulbon 这个字符串，
如果存在字符串 bulbon，图片 src 更新为 bulboff.gif，
若匹配不到 bulbon 字符串，src 则更新为 bulbon.gif
match方法