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