<body> <script> function changeImage(){ var s = document.getElementById('myimage'); s.src = s.src.match('bulboff')?"/images/pic_bulbon.gif":"/images/pic_bulboff.gif"; } </script> <img id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180"> <p>點擊燈泡就可以打開或關閉這盞燈</p> </body>
以上實例中代碼 element.src.match("bulbon") 的作用意思是：
檢索 <img> 里面 src 屬性的值有沒有包含 bulbon 這個字符串，
如果存在字符串 bulbon，圖片 src 更新為 bulboff.gif，
若匹配不到 bulbon 字符串，src 則更新為 bulbon.gif
match方法
match() 方法可在字符串內檢索指定的值，或找到一個或多個正則表達式的匹配。
該方法類似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。