JS - 使用变量设置 Div 背景颜色
JS - Setting Div background color using a variable
基本上,我的一个伙伴正在练习JS,他有一个测试基本站点的想法。所以我说我们会有一场比赛来完成它。在这一点上,我们都遇到了错误。我们在 JS 中创建了一个颜色。但是,当我们需要输出时,它不起作用。我有这个。
document.getElementById("outputColor").style.backgroundColor=currentColor;
通过此制作当前颜色的地方
part1 = Math.floor(Math.random() * (255 - 0 + 1)) + 0;
part2 = Math.floor(Math.random() * (255 - 0 + 1)) + 0;
part3 = Math.floor(Math.random() * (255 - 0 + 1)) + 0;
currentColor = "'"rgb (" + part1 + ", " + part2 + ", " + part3 + ")'"";
将当前颜色放在"中意味着它期望当前颜色的值。不是实际的变量值。
希望这是有道理的。这是可能的,还是我们吠错了树?
谢谢
编辑:它确实已经有一个与之关联的 css 样式
#outputColor
{
height: 100px;
width: 100px;
background-color: rgb(0,0,0);
}
编辑:已解决,解决方案是
currentColor = "rgb(" + part1 + ", " + part2 + ", " + part3 + ")";
谢谢大家!
双引号太多,请使用这个:
currentColor = "rgb(" + part1 + ", " + part2 + ", " + part3 + ")";
currentColor = "rgba(" + part1 + ", " + part2 + ", " + part3 + ",0)";
currentColor = "rgb(" + part1 + ", " + part2 + ", " + part3 + ")"; // RGB
或使用十六进制格式
currentColorHex="#"+(part1).toString(16)+(part2).toString(16)+(part3).toString(16);
演示。
相关文章:
- 如何设置DIV背景图像css jquery
- 根据其宽度更改DIV背景颜色
- Div背景图像打印空白
- 链路翻转时的 DIV 背景图像交换
- 将功能元素 IMG 更改为 DIV 背景
- JS - 使用变量设置 Div 背景颜色
- 从我的 Div 背景图像属性中循环 3 个图像
- 更改中继器DIV背景
- jQuery 使用 css() 更改 DIV 背景
- AJAX/jQuery:根据其中的数字值更改 DIV 背景
- Mousover 父 DIV 用于更改子 DIV 背景
- 通过点击更改日期字符串并更改 DIV 背景颜色
- 更改表单中所有输入的 DIV 背景颜色
- 使用jQuery交换Div背景图像
- Div背景更改OnClick
- JavaScript改变DIV背景使用ID
- 更改DIV背景颜色
- 如何移动/动画DIV背景图像平滑垂直
- 要剪切Div背景的掩码的文本
- 在输入文件中更改DIV背景为jpg