В настоящее время я пытаюсь сделать серию кнопок, которые пользователь моего сайта может щелкнуть, чтобы изменить различные файлы CSS3, что изменит некоторые эффекты. Для того, чтобы достичь этой цели, мне нужно каким-то образом получить доступ кПереключение между несколькими CSS-файлами с использованием Javascript
href="example1.css"
тег в моем HTML и изменить его к
href="example2.css"
с помощью JavaScript или HTML.
Присвойте 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";
не
var link = document.getElementsById("lnk"); //Fetch the link by its ID
но
link = document.getElementById("lnk");
Идентификатор ОДНА, getElementsById - это массив
Вы можете сделать это двумя способами: с помощью ванили JS или JQuery. Этот вопрос задавали и отвечали здесь: http://stackoverflow.com/questions/11522545/how-to-change-the-css-stylesheet-dynamically-for-a-website-being-viewed – SeanOlson