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。