Динамическая загрузка и вставка на страницу CSS стилей

Динамическая загрузка CSS стилей.

function loadStyles (url) {
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = url;
    var head = document.getElementsByTagName('head')[0];
    head.appendChild(link);
}

loadStyles('http://www.mysite.com/styles.css');

Динамическая вставка на страницу CSS стилей.

function loadStyleString (css) {
    var style = document.createElement('style');
    style.type = 'text/css';
    try {
        style.appendChild(document.createTextNode(css));
    } catch (error) {
        style.styleSheet.cssText = css; // Для Internet Explorer
    }
    var head = document.getElementsByTagName('head')[0];
    head.appendChild(style);
}

loadStyleString('body{background-color:red}');