JavaScript 实现点击div换颜色

  • Post author:
  • Post category:java


<!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>



版权声明:本文为cyanciel原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。