javascript - 使用 Javascript 在多个 CSS 文件之间切换

Question

我目前正在尝试制作一系列按钮，我网站的用户可以点击这些按钮，以便在不同的 CSS3 文件之间切换，这将改变某些效果。为了实现这个目标，我需要一些方法来访问

href="example1.css"

在我的 HTML 中添加标签，并将其更改为

href="example2.css" 

使用 JavaScript 或 HTML。

Answer 1

为您的链接分配一个id。在 JS 中通过 id 获取它并更改 href 属性。

<link rel="stylesheet" type="text/css" href="example1.css" id="lnk"/>

在 JS 中:

var link = document.getElementsById("lnk"); //Fetch the link by its ID
link.setAttribute("href", "example2.css"); //Change its href attribute

您也可以不使用 id。

document.querySelector("link[href='example1.css']").href = "example2.css";