我知道可以在运行时通过JavaScript添加新的CSS类定义。但…
如何在运行时更改/删除CSS类定义?
例如,假设我有以下课程:
<style> .menu { font-size: 12px; } </style>
我想要的是在运行时更改类的font-size规则.menu,以便使用该类的页面中的每个元素都将受到影响。
font-size
.menu
而且,我也想知道如何删除.menu类定义。
在运行时更改CSS规则并不难,但是显然很难找到想要的规则。PPK可以在quirksmode.org上对此进行快速浏览。
您将要使用document.styleSheets[i].cssRules哪个数组需要解析以找到所需的数组,然后rule.style.setProperty('font- size','10px',null);
document.styleSheets[i].cssRules
rule.style.setProperty('font- size','10px',null);