当前位置:Gxlcms > JavaScript > 改变图像,运用match方法的实例代码

改变图像,运用match方法的实例代码

时间:2021-07-01 10:21:17 帮助过:7人阅读

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulboff"))//JavaScript String对象 Match()方法  ,如果匹配到bulboff字符,返回TRUE,否则返回FALSE
 {
  element.src="/images/pic_bulbon.gif";
  }
else
   {
  element.src="/images/pic_bulboff.gif";
   }
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">
<p>点击灯泡就可以打开或关闭这盏灯</p>
</body>
</html>

以上就是改变图像,运用match方法的实例代码的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行