动态样式 能够把CSS样式包含到HTML页面中的元素有两个, 其中,< link >元素用于包含来自外部的文件,而< style >元素用于指定嵌入的样式,与动态脚本类似,所谓动态样式是指在页面刚加载时不存在的样式, 动态样式是在页面加载完成后动态添加到页面中的. 例如:
var link = document.createElement('link');
link.ref ='stylesheet';
link.type ='text/css';
link.href ='style.css';var head = document.getElementsByTagName('head')[0];
head.appendChild(link);
//支持Firefox Safari Chrome Opera 不支持IEvar style = document.createElement('style');
style.type ='text/css';
style.appendChild(document.createTextNode('body{background-color:red}'));var head = document.getElementsByTagName('head')[0];
head.appendChild(style);
var style = document.createElement('style');
style.type ='text/css';try{
style.appendChild(document.createTextNode('body{background-color:red}'));}catch{
style.styleSheet.cssText ='body{background-colr:red}';}var head = document.getElementsByTagName('head')[0];
head.appendChild(style);