javascript - JS 如何从 javascript 更改 css 类颜色?

标签 javascript css

<分区>

我想改变 div 类的颜色。我在网上搜索了一些信息,但它对我不起作用。

我有一个 css 样式类,其中我有属性 background-color,我想从 JS 文件更改这个属性。

我想在类 gmBox 中更改 background-color:,如何从 JS 文件中做到这一点?

.gmBox {
  vertical-align: middle;
  padding: 10px;
  margin: 5px;
  background-color: yellow;
  color: black;
  font-size: 23px;
  border-radius: 5px;
}
<div class="gmBox" id="gmType">GM12</div>

最佳答案

要更改类,您需要编辑文档样式

[...document.styleSheets[0].cssRules].find(x=> x.selectorText=='.gmBox')
    .style['background-color']='red';

[...document.styleSheets[0].cssRules].find(x=> x.selectorText=='.gmBox').style['background-color']='red';
.gmBox {
vertical-align: middle;
padding: 10px;
margin: 5px;
background-color: yellow;
color: black;
font-size: 23px;
border-radius: 5px;
}
<div class="gmBox" id="gmType">GM12</div>

关于javascript - JS 如何从 javascript 更改 css 类颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55467968/

上一篇:html - 水平放置带有 float 文本的段落

下一篇:css - 使光标在该页面的 90 主题后面带有星号的代码是什么

相关文章:

javascript - 这个 "days in month"函数是如何工作的?

css - 在 css 上创建两个彼此相邻的 div?

html - 输入元素的多个类

javascript - 无法在 Chrome 存储中存储和检索

javascript - react js html5 视频不工作

javascript - 当用户点击链接时,如何制作一个从顶部向下滚动的 div?

css - 如何在现有元素上重新编译更少的文件

html - 如何在框之间添加空间

javascript - 如何开始编写像 mohiomap 这样的东西?

javascript - 我可以在 typescript 中创建无法捕获的错误吗?