改变图片样式

function changeImage()

  {

  element = document.getElementByIdx_x('myimage')

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

  {

   element.src="https://i-blog.csdnimg.cn/blog_migrate/6f6c307137ee1332a13248f7e05f6be3.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="https://i-blog.csdnimg.cn/blog_migrate/6f6c307137ee1332a13248f7e05f6be3.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。