Home > 備忘録 > 言語関連 > javascript に関すること > style sheet の動的追加( 31 )

　IEでも動作確認済み

style sheet の動的追加

function AppendCssText(csstext){
	var css=document.createElement('style');
	css.setAttribute('type','text/css');
	if(css.styleSheet){ //IE
		css.styleSheet.cssText=csstext;
	}else{ //その他のブラウザ
		var text=document.createTextNode(csstext);
		css.appendChild(text);
	}
	document.getElementsByTagName('head')[0].appendChild(css);;
}

使用例

var css='table.calendar{border-collapse:collapse;border-spacing:0;line-height:1em;}';
	AppendCssText(css);