JS点击灯泡变亮（学自W3school）

JS学习笔记1（学自W3school）

function changeImage()

{

element = document.getElementByIdx_x('myimage')

if (element.src.match("bulbon"))

{

element.src="http://www.w3school.com.cn/i/eg_bulboff.gif";

}else{

element.src="http://www.w3school.com.cn/i/eg_bulbon.gif";

}

预期效果：图片显示，点击切换图片，灯泡点亮

实际效果：失败，图片显示，点击不切换

原因：function changeImage()缺少“}”收尾。

修改后：

function changeImage()

{

element = document.getElementByIdx_x('myimage')

if (element.src.match("bulbon"))

{

element.src="http://www.w3school.com.cn/i/eg_bulboff.gif";

}else{

element.src="http://www.w3school.com.cn/i/eg_bulbon.gif";

}

预期效果：图片显示，点击切换图片，灯泡点亮

实际效果：图片显示，点击切换图片，灯泡点亮成功

疑问：element.src.match("bulbon") 起何作用？

解答：match作用是检索语句。

element.src.match("bulbon")是检索src内是否含有bulbon，是的话，点击后切换成图片bulboff；否则点击后切换成图片bulbon。

转载于:https://www.cnblogs.com/wjwen/p/3781910.html

JS点击灯泡变亮（学自W3school）相关推荐

JS点击显示隐藏内容
JS点击显示隐藏密码思路:获取元素,判断点击,如果DIV显示就隐藏,如果DIV隐藏就显示出来. 1 if(DIV是显示的){ 2 div.style.display='none'; 3 } 4 el ...
js点击复制文本 - 案例篇
文章目录 js点击复制文本 :代码+效果图效果图 · 示下: html 代码如下: 注意代码: 附:[javascript监听键盘事件 - 如表单enter回车提交](https://blog.cs ...
JS点击获取验证码后60秒内禁止重新获取（防刷新）
JS点击获取验证码后60秒内禁止重新获取(防刷新) 参考 · 阅读文章: JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效) 注意: 场景:在登录页点击发送啊验证码按钮,开始进入倒计时,在第3 ...
PHP——0128练习相关2——js点击button按钮跳转到另一个新页面
js点击button按钮跳转到另一个新页面投稿:whsnow 字体:[增加减小] 类型:转载时间:2014-10-10 我要评论点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时,怎 ...
Html显示缩略图点击展示,JS点击缩略图整屏居中放大图片效果
需要实现的效果图: 今天开发的时候,遇到要点击缩略图之后居中显示图片的大图查看(大致效果如上图所示)~想了好几种实现方式,最开始的时候,是想通过animate来点击图片进行显示,可是后来当我想要让放大 ...
html 增加和删除一行,关于JS点击增加一行，点击删除一行的问题？
关于JS点击增加一行,点击删除一行的问题? 下面代码可以增加一行,和删除表格指定行. 删除后继续增加却不行了. 请问是怎么回事?应如何修改一下让他可以继续增加呢? var i=1; function ...
js中点击按钮时变色，松开后恢复原来的颜色
js中点击按钮时变色,松开后恢复原来的颜色 // class.active{background: #1AB394;}//js<script type="text/javascript ...
用 JS 点击左右按钮使图片切换 - 最精简版-ljx2380000-ChinaUnix博客
用 JS 点击左右按钮使图片切换 - 最精简版-ljx2380000-ChinaUnix博客代码部分: 点击(此处)折叠或打开 <!DOCTYPE html PUBLIC "-// ...
android js下载地址,js点击下载跳转iOS或安卓
在移动wap上,最常见的就是引流用户下载安装自己的应用程序,如何通过js点击判断下载是ios还是安卓呢?其实很简单,就是要判断用户的设备是iOS还是Android,然后分别跳转就可以了. var u ...

JS点击灯泡变亮（学自W3school）

JS学习笔记1（学自W3school）

JS点击灯泡变亮（学自W3school）相关推荐

最新文章

热门文章