js修改bgcolor

来源：互联网发布：华语乐坛现状知乎编辑：程序博客网时间：2024/06/09 08:03

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>随机变换背景颜色</title>
<script type="text/javascript">
function start(){

var colors=document.getElementById("colors");
var time=setInterval(function(){
var color ="#"+Math.floor(Math.random()*256).toString(16)+Math.floor(Math.random()*256).toString(16)+Math.floor(Math.random()*256).toString(16);
//ar color = "#"+Math.ceil(Math.random()*255);
colors.bgColor=color;
},1000);
}

</script>
</head>
<body onload="start()" bgcolor="red" id="colors">

</body>

</html>

我室友做练习，一直不能改变背景颜色，然而我查看了好多地方都没有问题。因为以前并没有使用过bgcolor,对他不熟悉，最后才发现，原来是javaScript中的colors.bgColor=color;此处出了问题，JS对大小敏感，bgColor中的C一定要大写，小小一个地方，害我找了半天。

background-color是标准CSS属性，bgcolor应该是IE扩展的html元素属性，效果相同，但是还是建议大家使用标准CSS属性。

W3school中这样说：

在 HTML 4.01 中，不赞成使用 body 元素的 bgcolor 属性；在 XHTML 1.0 Strict DTD 中，不支持 body 元素的 bgcolor 属性。

请使用 CSS 代替。

0 0