通过Javascript更改样式表CSS值[重复]

Question

嘿，我想知道如何更改文档的 CSS 值而不是特定元素

我已经检查了Change :hover CSS properties with JavaScript，但解决方案添加了 CSS 规则。 我也读过这个https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle，但也针对特定元素......

我想更改一个已在 css 文件中声明的值，某种“绝对值”

可能类似于（我们将在这里更改a 标签的颜色）：

var sheet = document.getStyle();
sheet.getTagStyle('a').getProperty('color').setValue('rgb(0,0,0)');

（无论如何，解决方案必须在https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle，但我不明白）

那么，这种事情可能吗？如果可以，怎么办？ （请注意 js 而不是 jquery）

Answer 1

迭代document.styleSheets，检查.cssRules 的.selectorText 是否匹配选择器，设置.style 的.cssRules

for (let {cssRules} of document.styleSheets) {
  let [{selectorText, style}] = cssRules;
  if (selectorText === "a") {
    style.color = "rgb(0, 0, 0)";
  }
}

a {
  color: rgb(122, 125, 22);
}

<a>123</a>