您的位置：首页 > Web前端 > JavaScript

JavaScript 实现点击div换颜色

2016-12-27 16:17 211 查看 
<!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;" onclick="changeColor(this)">
点我试试
</div>
</body>
<script>
//这个事件的目的是：当我们点击时要怎么处理
function changeColor(obj)
{
//因为JS会把HTML标签当做一个对象
//对象.属性 = 值;
obj.style.background = 'pink';
}
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航