XHR в head. Динамические стили: быстро и просто. Оптимизация структуры веб-страниц
XHR в body
XHR в head
Быстрый XHR в head
DOM-метод
Результаты
Выводы
В этом случае код вставлялся уже в head, и применялся ряд методов для разных браузеров (ибо не все хотели через innerHTML или innerText вставлять полученные данные).
var text = xhr.responseText;
var head = document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
// для IE
if (style.styleSheet) {
style.styleSheet.cssText = text;
} else {
// для Safari/Chrome
if (style.innerText == '') {
style.innerText = text;
// для остальных
} else {
style.innerHTML = text;
}
}
head.appendChild(style);