JavaScript：改变 HTML 图像
1.代码如下：
1<!DOCTYPE HTML> 2<html> 3<head> 4<meta charset="utf-8"/> 5<title>改变Html图片</title> 6</head> 7<body> 8<p> 9点击灯泡改变灯的状态 10</p> 11<script> 12function changeImage(){ 13var element = document.getElementById("image"); 14if(element.src.match("bulbon")){ 15element.src = "bulboff.gif"; 16} 17else { 18element.src = "bulbon.gif"; 19} 20} 21</script> 22<img id="image" onclick="changeImage()" src="bulboff.gif"/> 23</body> 24</html>
2.显示效果如下：
点击灯泡，如下：
