如何使用javascript更改css属性

Question

var lights = ("blue", "white", "violet");

function check() {

for(var i = 0; i <= lights.length; i++) {
    if(i = "blue") {

  } else if (i = "white") {

  } else if (i = "violet") {

  }
}

我需要帮助，我希望能够更改此处未列出的css属性，但它包含背景颜色为蓝色，我想在访问javascript时将其更改为其他颜色。如果有人知道，请他们一步一步地告诉我该怎么做，谢谢

Answer 1

如果您想使用纯Javascript，可以使用类似的东西来设置元素的背景颜色：

document.getElementById("myDiv").style.backgroundColor = "blue";

Answer 2

有两种方法可以更改元素的CSS属性。这两种方法都需要accessing HTML DOM elements by ID or class。

经典Javascript：

document.getElementById('someID').style.backgroundColor = "blue";

jQuery的：

$('#someID').css('backgroundColor', 'blue');