如何使用 JavaScript 函数更改 CSS 值（颜色标签）？ [复制]

【问题标题】：How to change the CSS value (color tag) using a JavaScript Function? [duplicate]如何使用 JavaScript 函数更改 CSS 值（颜色标签）？ [复制]
【发布时间】：2018-07-08 12:21:04
【问题描述】：

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

如果有人能引导我走向正确的方向，那将很有帮助。

【问题讨论】：

标签： javascript html css

【解决方案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

【讨论】：

【解决方案2】：

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

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

【讨论】：