Rumah > Artikel > hujung hadapan web > 改变图像，运用match方法的实例代码

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

零下一度asal: 2017-07-02 09:21:001465semak imbas

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
<script>
function changeImage()
{
element=document.getElementById(&#39;myimage&#39;)
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>

Atas ialah kandungan terperinci 改变图像，运用match方法的实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：isNAN()的使用实例分享Artikel seterusnya：html 里的css 和Js 的代码如何实现？

Artikel berkaitan

Lihat lagi