如何使用CSS和JavaScript制作可变主题

小编典典

css

我对CSS和JavaScript还是很陌生，我想知道是否可以创建一个脚本来允许您更改网站使用的样式表。

说：您有一个绿色主题，其中的一切都是绿色阴影。您会怎么做，以便用户可以通过按一下按钮将其更改为红色？

有谁知道如何做到这一点？

阅读 224

2020-05-16

共1个答案

小编典典

您可以在链接标签上设置一个ID并在运行时切换CSS。

的HTML

<link type="text/css" rel="stylesheet" media="all" href="../green.css" id="theme_css" />

document.getElementById('buttonID').onclick = function () { 
    document.getElementById('theme_css').href = '../red.css';
};

2020-05-16