根据Java脚本单击事件有条件地将样式表入队

时间:2020-08-18 作者:Jah Rik

我想根据javascript点击事件使用不同的ccs文件。用户可以通过单击屏幕上的一个彩色按钮来选择颜色主题。我最初是通过为链接的css提供一个可以用javascript作为目标的id来实现的。当然,链接在HTML头标记中。在WordPress中,我们将css文件放入函数中。php文件,所以我不知道如何给css文件一个ID,以便用javascript将其作为目标。如果有人能帮我或者给我指出正确的方向,我会非常感激。我对所有的可能性都持开放态度,我提前感谢大家。如果您需要我详细说明,请随时告诉我。

1 个回复
最合适的回答,由SO网友:Pixelsmith 整理而成

我觉得你工作太努力了!

我的方法是加载所有样式表,然后使用JS操作BODY 使用适当的修改类。

An example

您有3个样式表:默认。css,红色。css,蓝色。css。在页面加载时加载它们。

违约cssbody { background: #ccc; color: black;}

红色cssbody.red { background: red; color: white;}

蓝色cssbody.blue { background: blue; color: white;}

然后只需使用JS修改BODY 标签和CSS将随之出现。