JavaScript:改变 HTML 图像
本例会动态地改变 HTML
的来源(src):
点亮灯泡
<script>function changeImage() { element=document.getElementById('myimage') if (element.src.match("bulbon")) { element.src="/images/pic_bulboff.gif"; } else { element.src="/images/pic_bulbon.gif"; } }script><imgdecoding="async"loading="lazy"id="myimage"onclick="changeImage()"src="/images/pic_bulboff.gif"width="100"height="180">
以上实例中代码 element.src.match("bulbon") 的作用意思是:检索
里面 src 属性的值有没有包含 bulbon 这个字符串,如果存在字符串 bulbon,图片 src 更新为 bulboff.gif,若匹配不到 bulbon 字符串,src 则更新为 bulbon.gif