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

Posted 2023-05-08

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

【英文标题】：How to change the CSS value (color tag) using a JavaScript Function? [duplicate]

【发布时间】：2018-07-08 12:21:04

【问题描述】：

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

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

【参考方案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