如何用 Javascript 改变 CSS 样式？

我有一个像这样的数组：

var colors = {
1: '#FFFF00',
2: '#FF0000',
3: '#80FF00',
4: '#00FFFF',
5: '#FF00FF'
}; 

JavaScript 是这样的：

var color = Math.floor(Math.random()*5)+1;
if(color == document.getElementById('awards').style.borderColor) {
    var color = Math.floor(Math.random()*5)+1;
}
else {
document.getElementById('awards').style.borderColor = color;
}

但我的 JavaScript 不工作。

您正在生成索引，但不为数组添加下标。

jsFiddle.

另外，挑剔一下，{}创建一个具有属性的对象，从技术上讲不是Array（虽然Array is一个东西）。[]是一个字面表示法Array在 JavaScript 中。

Update

如果这有帮助的话，这也许是我的写法......

var getRandomColor = function() {
    var colors = [
        '#FFFF00',
        '#FF0000',
        '#80FF00',
        '#00FFFF',
        '#FF00FF'
        ];
    return colors[Math.floor(Math.random() * colors.length) + 1];
}

var color = getRandomColor(),
    element = document.getElementById('awards'),
    borderColor = element.style.borderColor;

if (color == borderColor) {
    color = getRandomColor();
}
else {
    element.style.borderColor = color;
}

jsFiddle.