1

我试图<div>在页面加载时使用随机颜色，或者在刷新时使用随机颜色，但它不起作用。我的代码：

<head>
    <script type='text/javascript'>//<![CDATA[ 
        document.onload=function(){
            var red = Math.floor((Math.random()*256)+0);
            var blue = Math.floor((Math.random()*256)+0);
            var green = Math.floor((Math.random()*256)+0);
            var coloredDiv =  document.createElement("div");

            document.getElementById("coloredDiv");
            coloredDiv.style["background-color"] = 'rgb('+red+','+green+','+blue+')';
        }//]]>  
    </script>
</head>

<body>
    <div id="coloredDiv">A div that changes color randomly??!?!?!?!</div>
    <a href="javascript:void(0);" onClick="javascript: location.reload(true);">Go again!</a>
</body>
4

1 回答 1

2

您可以background-color使用以下任一选项进行设置：

选项1：

window.onload=function(){
    var red = Math.floor((Math.random()*256)+0);
    var blue = Math.floor((Math.random()*256)+0);
    var green = Math.floor((Math.random()*256)+0);
    var coloredDiv =document.getElementById("coloredDiv");
    coloredDiv.style.backgroundColor = 'rgb('+red+','+green+','+blue+')';
}

选项 2：

coloredDiv.style["backgroundColor"] = 'rgb('+red+','+green+','+blue+')';

需要注意的关键是，每当我们使用 JS 为其中有连字符的 CSS 属性（如background-color）设置值时，应该删除连字符，并且第二个和后续单词的第一个字母应该大写。

于 2013-07-27T10:08:46.277 回答