DOM实例（点击灯泡开/关灯）

最新推荐文章于 2022-09-05 21:12:39 发布

柠夏小白

最新推荐文章于 2022-09-05 21:12:39 发布

阅读量323

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/a2417841572/article/details/116841183

版权

HTML JavaScript 交互式网页开发图片切换

关键词由CSDN通过智能技术生成

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

有趣心寻找快乐
在这里插入图片描述

源码示意图：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
	#Div{
		/*居中显示*/
		text-align: center;
		margin-top: 177px;
	}
</style>
</head>
<body>
<script>
function changeImage()
{
	element=document.getElementById('myimage')
	if (element.src.match("Wick"))
	{
		element.src="image/lamp.gif";
	}
	else
	{
		element.src="image/Wick.gif";
	}
}
</script>
<div id="Div">
<img id="myimage" onclick="changeImage()" border="0" src="image/lamp.gif" width="100" height="180">
<p>点击灯泡 开/关 灯</p>
</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

柠夏小白

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM实例（点击灯泡开/关灯）

有趣心寻找快乐源码示意图：<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css"> #Div{ /*居中显示*/ text-align: center; margin-top: 177px; }</style></head><body><script>function c
复制链接

扫一扫