javascript - 如何从数组中给 div 随机背景颜色

Question

我想给我的 div 一个随机的背景颜色，我有一个 ( ['red','green','blue','#f00'] ) 颜色数组，我想作为我的 div 背景颜色但是我不知道每次这个 div 渲染时在我的 div 中随机显示它们的方法？

标签： javascriptphphtmlcss

Answer 1

使用 javascriptrand()函数你也可以不用 jQuery。

getNewRandomColor();

function getNewRandomColor()
{
    var myArray = ['red', 'green', 'blue'];    
    var rand = myArray[Math.floor(Math.random() * myArray.length)];
    document.getElementById("myDiv").style.backgroundColor = rand;
}

<div id="myDiv">Something here</div>


<button onclick="getNewRandomColor()">Get New Random Color</button>
 
 

您还可以将更多颜色应用于数组以获得更多随机颜色。