onclick事件改变元素的背景颜色
2017-12-30 16:32
776 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>onclick事件</title>
<script type="text/javascript" src="$function.js"></script>
</head>
<body>
<button style="background:red">红</button>
<button style="background:yellow">黄</button>
<button style="background:green">绿</button>
<button style="background:blue">蓝</button>
<button style="background:purple">紫</button>
<div id="divid" style="width:500px;height:500px;background:black">
</div>
</body>
<script type="text/javascript">
var buttons = $imgs("button");
for(var i=0;i< buttons.length;i++){
buttons[i].onclick = function(){
$("divid").style.background = this.style.background;
}
}
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery animate 改变元素背景颜色
- Android GridView子元素item按击交互设计：背景颜色改变
- Android如何让TextView子元素随着父元素的背景变化而改变字体颜色？
- js特效代码-onmouseover/onclick 改变标签(背景)颜色
- Android 代码模拟ListView item的点击事件并且改变背景颜色（笔记）
- 巧妙使用Jquery 改变元素的 onclick 事件
- AngularJS 实现当元素为ng-disabled改变背景颜色
- Gridview的RowDataBound事件（添加删除提示，改变背景颜色）
- Jquery 改变元素的 onclick 事件（出现几个click事件响应叠加的情况解决方案）
- Android GridView子元素item按击交互设计：背景颜色改变
- SpannableString 来改变textView中http协议，手机号，已经你想要改变的字的颜色，以及添加onClick事件
- EditText 使用细节(输入内容改变时的监听事件、透明背景、修改提示文字颜色、输入内容密文显示)
- EditText 详细信息(监听事件时，输入改变、透明背景、提示改变文字颜色、密文输入)
- Gridview的RowDataBound事件（添加删除提示，改变背景颜色）
- 手指对控件的按下,放了,背景颜色改变的监听事件
- javascript使用onclick事件改变选中行的颜色
- PHP根据传来的颜色自动改变背景颜色
- HTML之背景颜色的改变
- android button点击背景改变颜色