JS学习实践（1） JavaScript 修改图像灯泡

最新推荐文章于 2023-09-17 21:44:00 发布

a83025273

最新推荐文章于 2023-09-17 21:44:00 发布

阅读量122

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/kekeoutlook/p/10205367.html

版权

修改灯泡

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
	
<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>
<img id="myimage" οnclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180">
<p>点击灯泡就可以打开或关闭这盏灯</p>
	
</body>
</html>

转载于:https://www.cnblogs.com/kekeoutlook/p/10205367.html