我正在寻找使用 JavaScript 构建的东西,它将从给定的十六进制颜色数组中选择一个随机值(背景颜色)并将其应用于给定的 div 元素。
有谁知道这样做的好方法吗?似乎没有什么对我有用,但我并不是一个真正精通 JS 的人。
最佳答案
这个怎么样?
var rgb = [];
for(var i = 0; i < 3; i++)
rgb.push(Math.floor(Math.random() * 255));
myDiv.style.backgroundColor = 'rgb('+ rgb.join(',') +')';
如果你想将它限制为已知颜色,你可以创建一个颜色数组并像这样随机选择它。
var colors = ['red', 'green', 'blue', 'orange', 'yellow'];
myDiv.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
更新 - 使用第一种方法应用到所有.post-content
。
var divs = document.querySelectorAll('.post-content');
for(var i = 0; i < divs.length; i++)
divs[i].style.backgroundColor = 'rgb('+ rgb.join(',') +')';
如果你想为每个 .post-content
单独应用随机背景,你可以这样做。
var divs = document.querySelectorAll('.post-content');
for(var i = 0; i < divs.length; i++) {
var rgb = [];
for(var i = 0; i < 3; i++)
rgb.push(Math.floor(Math.random() * 255));
divs[i].style.backgroundColor = 'rgb('+ rgb.join(',') +')';
}
上次更新 - 如您所述,使用 jQuery。
var colors = ['red', 'green', 'blue', 'orange', 'yellow'];
$('.post-content').each(function() {
$(this).css('background-color', colors[Math.floor(Math.random() * colors.length)]);
});
关于javascript - 来自数组的随机颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14949011/