求助:关于Javascript改变div背景色
初学使用js给div改变背景色,但我这样写没有作用,请大家帮忙看看。
<body>
<input id="bt1" type="button" value="变色" />
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script>
var oDt = document.getElementById('bt1');
var oDiv = document.getElementsByTagName('div')
var i = 0;
function changeColor() {
if (i++%2 == 0) {
oDiv.style.backgroundColor = 'rad';
} else {
oDiv.style.backgroundColor = 'green';
}
oDt.onclick=function changeColor();
}
</script>
</body>
<body>
<input id="bt1" type="button" value="变色" />
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script>
var oDt = document.getElementById('bt1');
var oDiv = document.getElementsByTagName('div')
var i = 0;
function changeColor() {
if (i++%2 == 0) {
oDiv.style.backgroundColor = 'rad';
} else {
oDiv.style.backgroundColor = 'green';
}
oDt.onclick=function changeColor();
}
</script>
</body>
...全文
相关推荐
鼠标移动到DIV上改变其背景色JS和CSS两种方法
里面有两种方法JS和CSS的 没有算法 全部从简单考虑 适合让新手看 顺便俺赚下积分 嘻嘻
div css 鼠标悬停在div层上时,div背景色改变
如果要实现,当鼠标移到div层上时,改变其背景色,我试了好多方法,只有这个方法可行,百度上其他的似乎有问题,暂且这样说吧。
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
主要介绍了JS实现点击按钮控制Div变宽、增高及调整背景色的方法,涉及javascript动态操作页面元素属性的相关技巧,适用于动态更换页面皮肤的功能,需要的朋友可以参考下
javascript实现随机生成DIV背景色
主要介绍了javascript实现随机生成DIV背景色的具体代码,如何设置DIV背景色为随机色,感兴趣的小伙伴们可以参考一下
原生js实现改变随意改变div属性style的名称和值的结果
在本文将为大家介绍下如何用原生js和jQuery实现随意改变div属性,和重置,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助


