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

Question

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

href="example1.css"

我的HTML中的

标记，并将其更改为

href="example2.css" 

使用JavaScript或HTML。

Answer 1

为您的链接指定id。通过其id在JS中获取它并更改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";

Answer 2

不是

var link = document.getElementsById("lnk"); //Fetch the link by its ID 

但是

link = document.getElementById("lnk"); 

ID为ONE，getElementsById - 为数组