javascript - 使用javascript动态地将样式表添加到头部

Question

我需要在我正在构建的网站顶部使用旧的“调整字体大小”选项 - 一个链接是默认大小，一个链接使字体变大，另一个链接变大两倍。它只需要影响一些导航和正文副本，所以我想简单地制作 2 个额外的样式表来设置这些元素的样式，然后单击其中一个链接，将额外的样式表加载到标题中。当您单击“默认”链接时，它将返回到原始大小(没有加载额外的样式表)。

有没有办法在 javascript 中做到这一点？这是一个 Wordpress 网站。 或者，我可以使用 js 向主体添加标签并以这种方式定位元素。

执行此操作的最佳方法是什么？

Answer 1

您应该只更改元素的类。这会将它们的 css 更改为样式表中该类指定的任何内容。你的第一个选择比它需要的更复杂。如果您使用 JQuery，您可以从字面上编写这一行代码。

$("span#applicableId").each(function(){ 
    $(this).class("theOtherClass");
});