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。