JavaScript 实现点击div换颜色

最新推荐文章于 2024-05-07 10:54:38 发布

ttcyan

最新推荐文章于 2024-05-07 10:54:38 发布

阅读量2.1w

点赞数 7

本文链接：https://blog.csdn.net/cyanciel/article/details/53896492

版权

JavaScript 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<title>Change Color</title>
		<meta charset="utf-8" />
	</head>
	<body>
		<!--点击改变当前div的颜色，所以要给onclick这个事件的函数传递当前的对象即可-->
		<div style="width:300px;height:300px;padding-top:10px;background:red;" οnclick="changeColor(this)">
		点我试试
		</div>
	</body>
	<script>
	//这个事件的目的是：当我们点击时要怎么处理
		function changeColor(obj)
		{
			//因为JS会把HTML标签当做一个对象
			//对象.属性 = 值;
			obj.style.background = 'pink';
		}
	</script>
</html>

ttcyan

关注

7
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 实现点击div换颜色

Change Color 点我试试 //这个事件的目的是：当我们点击时要怎么处理 function changeColor(obj) { //因为JS会把HTML标签当做一个对象 //对象.属性 = 值; obj.style.background = 'pink'; }
复制链接

扫一扫