Подключение CSS файла с использованием JavaScript

 

 CSSJavaScriptсниппет

Если требуется выполнить динамическое подключение 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);