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

Question

我现在正试图创建一系列按钮，让我的网站用户可以点击这些按钮来切换不同的CSS3文件，从而改变某些效果。为了实现这个目标，我需要一种访问HTML文档中标签的方法。

href="example1.css"

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

href="example2.css" 

使用JavaScript或HTML。

- CloudTwoNJ

---

你可以用两种方式来实现：使用原生JS或jQuery。这个问题已经在这里得到了回答：https://dev59.com/T2bWa4cB1Zd3GeqPUTV2 - SeanOlson

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";

- Zee

---

拼写错误。应该是getElementById而不是getElementsById，因为Id应该是唯一的，因此只应该有一个。 - Andrei Bazanov

Answer 2

不是

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

但是

link = document.getElementById("lnk"); 

这个ID是ONE，getElementsById - 是数组

- Dudar Mykola