玩转JS，掌控CSS样式的新姿势

//改变样式文件的引用

function loadStyle(url){

var link = document.createElement('link');

link.type = 'text/css';

link.rel = 'stylesheet';

link.href = url;

var head = document.getElementsByTagName('head')[0];

head.appendChild(link);

}

loadStyle('test.css');

//动态加载css代码片段

var style = document.createElement('style');

style.type = 'text/css';

style.rel = 'stylesheet';

try{ //Chrome Firefox Opera Safari

style .appendChild(document.createTextNode(code));

}catch(ex){//IE

style.styleSheet.cssText = code;

}

var head = document.getElementsByTagName('head')[0];

head.appendChild(style);

}

loadCssCode('body{background-color:#f00}');

//改变样式文件的引用

function loadStyle(url){

var link = document.createElement('link');

link.type = 'text/css';

link.rel = 'stylesheet';

link.href = url;

var head = document.getElementsByTagName('head')[0];

head.appendChild(link);

}

loadStyle('test.css');

//动态加载css代码片段

var style = document.createElement('style');

style.type = 'text/css';

style.rel = 'stylesheet';

try{ //Chrome Firefox Opera Safari

style .appendChild(document.createTextNode(code));

}catch(ex){//IE

style.styleSheet.cssText = code;

}

var head = document.getElementsByTagName('head')[0];

head.appendChild(style);

}

loadCssCode('body{background-color:#f00}');