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";
 }
JS学习笔记1（学自W3school）
 
预期效果：图片显示，点击切换图片，灯泡点亮
实际效果：失败，图片显示，点击不切换
原因：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";
 }
}
JS学习笔记1（学自W3school）
 
预期效果：图片显示，点击切换图片，灯泡点亮
实际效果：图片显示，点击切换图片，灯泡点亮 成功
 
疑问：element.src.match("bulbon") 起何作用？
解答：match作用是检索语句。
      element.src.match("bulbon")是检索src内是否含有bulbon，是的话，点击后切换成图片bulboff；否则点击后切换成图片bulbon。
posted @ 2014-06-11 14:29  牵手的承诺1  阅读(1184)  评论(0)  编辑  收藏  举报