如何使用JavaScript函数更改CSS值（颜色标记）？

Question

我想使用JavaScript函数更改样式表的颜色或背景颜色的值。例如，将背景颜色从蓝色更改为红色。

如果某些人可以引导我走向正确的方向，那将会有所帮助。

Answer 1

您无法通过javascript更改样式表中的值。

相反，您可以使用javascript覆盖css样式。

实施例

HTML

<div id="test">This is a div</div>

CSS

#test {background-color: red};

的Javascript

var el = document.getElementById("test");
el.style.background = 'green';

//这将覆盖CSS

Answer 2

有很多方法可以做到这一点，但概念是 使用以下方法选择要应用css.apply css的元素： ng-invalid 要么 document.getElementById("theId").css("Property","value");

  

实施例：   https://code.sololearn.com/WRAhi76nv7Qb/#html