gpt4 book ai didi

javascript - 按需 div 的真正随机颜色

转载 作者:行者123 更新时间:2023-11-28 13:14:47 25 4
gpt4 key购买 nike

我正在尝试为 <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>

最佳答案

您可以使用以下任一选项设置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),连字符应该被删除,第一个第二个和后续单词的字母应大写。

关于javascript - 按需 div 的真正随机颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17896504/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com