Question

我试图在页面加载时使用随机颜色<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>

Answer 1

您可以使用以下任一选项设置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为其中的连字符（如background-color）设置的CSS属性设置值，都应删除连字符和第二个字母的第一个字母。后续的词应该大写。

div的真正随机颜色

1 个答案: