JavaScript：改变 HTML 图像

JavaScript：改变 HTML 图像

1.代码如下：

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<title>改变Html图片</title>
</head>
<body>
<p>
点击灯泡改变灯的状态
</p>
<script>
function changeImage(){
var element = document.getElementById("image");
if(element.src.match("bulbon")){
element.src = "bulboff.gif";
}
else {
element.src = "bulbon.gif";
}
}
</script>
<img id="image" onclick="changeImage()" src="bulboff.gif"/>
</body>
</html>

 

2.显示效果如下：

点击灯泡，如下：

 

 

posted @ 2018-03-03 11:11  慕容冰菡  阅读(462)  评论(0)  编辑  收藏  举报