<!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 版权协议,转载请附上原文出处链接和本声明。