如何动态的创建页内样式？比如,当单机按钮时在head中动态添加如下的样式表？要能在IE6\IE7等下使用：heads
如何动态的创建页内样式？
比如,当单机按钮时在head中动态添加如下的样式表？要能在IE6\IE7等下使用：
<head>
<style type="text/css" id='contentCss'>
p { color:red; }
</style>
</head>
注意，jQuery方法:
$('#contentCss').html(" p{ color:red; }");
在 IE 6、7、8下不起作用啊~~~
[解决办法]
$('#contentCss').css({
color:'red'
});
或
<style type="text/css" id='contentCss'>
.pcolor { color:red; }
</style>
---
$('#contentCss').addClass('pcolor ');
[解决办法]
<style type="text/css" id='contentCss'></style>
<script language="JavaScript">
var style = document.getElementById('contentCss');
if (style.styleSheet) style.styleSheet.cssText += 'p { color:red; }';
else style.innerHTML += 'p { color:red; }';
</script>
<p>p1</p>
<p>p2</p>
<p>p3</p>
[解决办法]
正解