Подключение CSS файла с использованием JavaScript
Если требуется выполнить динамическое подключение CSS файл в секцию head
страницы, например, после загрузки страницы, с целью оптимизации скорости или наступления определённого события, можно воспользоваться следующим JavaScript кодом.
// создание элемента link для подключаемого CSS
var css = document.createElement("link");
css.rel = "stylesheet";
css.href = "style.css";
// вставка элемента link в конец секции head страницы
document.head.insertBefore(css, document.head.childNodes[document.head.childNodes.length - 1].nextSibling);