javascript - 如何在运行时更改/删除 CSS 类定义？

Question

我知道可以在运行时通过 JavaScript 添加新的 CSS 类定义。但是……

如何在运行时更改/删除 CSS 类定义？

例如，假设我有以下类(class):

<style>
.menu { font-size: 12px; }
</style>

我想要的是，在运行时，改变.menu类的font-size规则，这样页面中每一个使用这个类的元素都会受影响。

而且，我还想知道如何删除 .menu 类定义。

Answer 1

在运行时更改 CSS 规则并不难，但显然很难找到您想要的规则。 PPK 在 quirksmode.org 上对此进行了快速浏览。 .

你会想要使用 document.styleSheets[i].cssRules 这是一个你需要解析的数组来找到你想要的，然后是 rule.style.setProperty ('字体大小','10px',null);