css用style进行标记,如何使用Javascript创建<Style>标记？

下面是一个添加IE风格的脚本createStyleSheet()和addRule()方法到没有浏览器的浏览器：if(typeof document.createStyleSheet === 'undefined') {

document.createStyleSheet = (function() {

function createStyleSheet(href) {

if(typeof href !== 'undefined') {

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

element.type = 'text/css';

element.rel = 'stylesheet';

element.href = href;

}

else {

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

element.type = 'text/css';

}

document.getElementsByTagName('head')[0].appendChild(element);

var sheet = document.styleSheets[document.styleSheets.length - 1];

if(typeof sheet.addRule === 'undefined')

sheet.addRule = addRule;

if(typeof sheet.removeRule === 'undefined')

sheet.removeRule = sheet.deleteRule;

return sheet;

}

function addRule(selectorText, cssText, index) {

if(typeof index === 'undefined')

index = this.cssRules.length;

this.insertRule(selectorText + ' {' + cssText + '}', index);

}

return createStyleSheet;

})();}

您可以通过document.createStyleSheet('foo.css');

并通过以下方式动态创建规则var sheet = document.createStyleSheet();sheet.addRule('h1', 'background: red;');