javascript 背景颜色改变
2013-06-11 18:41
267 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>by 阿会楠-给我一双翅膀，我也将展翅高飞</title>
<script>
window.onload=function(){
var putColors = document.getElementById("myDiv").getElementsByTagName("input");
for(var i=0;i<putColors.length;i++){
putColors[i].onclick=function(){
document.body.style.backgroundColor=this.value;
}
}
}
</script>
</head>
<body>
<div id="myDiv">
<input name="putColor" type="radio" value="red" />红色
<input name="putColor" type="radio" value="green" />绿色
<input name="putColor" type="radio" value="blue" />蓝色
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>by 阿会楠-给我一双翅膀，我也将展翅高飞</title>
<script>
window.onload=function(){
var putColors = document.getElementById("myDiv").getElementsByTagName("input");
for(var i=0;i<putColors.length;i++){
putColors[i].onclick=function(){
document.body.style.backgroundColor=this.value;
}
}
}
</script>
</head>
<body>
<div id="myDiv">
<input name="putColor" type="radio" value="red" />红色
<input name="putColor" type="radio" value="green" />绿色
<input name="putColor" type="radio" value="blue" />蓝色
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【javascript】——实现桌面背景的颜色改变
- JavaScript改变div的背景颜色
- 【JavaScript】轻易改变的背景和字体颜色页面
- javascript改变特殊指定字符的背景颜色
- javascript鼠标悬停改变背景颜色显示隐藏下级菜单
- javascript 改变背景颜色--可以举一反三球该其他属性
- javaScript 改变背景颜色
- HTML-JavaScript--单击按钮改变背景颜色
- JavaScript怎么改变div的背景颜色
- Android中使用Java代码动画改变背景颜色
- 改变电脑背景颜色保护视力
- GDI:捕捉鼠标，实时改变矩形背景颜色。
- 改变只读CEdit的背景颜色
- javascript改变字体颜色实例
- vb.net treeview 鼠标点击节点时文字颜色，背景的改变
- onclick事件改变元素的背景颜色
- 鼠标经过行时改变行的背景颜色
- EasyUI DataGrid 改变背景颜色
- iphone 改变按钮的背景颜色