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

一尘不染

javascript

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

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

例如，假设我有以下课程：

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

我想要的是在运行时更改类的font-size规则.menu，以便使用该类的页面中的每个元素都将受到影响。

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

阅读 212

2020-05-01

共1个答案

一尘不染

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

您将要使用document.styleSheets[i].cssRules哪个数组需要解析以找到所需的数组，然后rule.style.setProperty('font- size','10px',null);

2020-05-01