怎么动态的创建页内样式-JavaSript-爱易网页

怎么动态的创建页内样式

日期：2014-05-16　浏览次数：20294 次

如何动态的创建页内样式？
比如,当单机按钮时在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>

------解决方案--------------------

引用:

<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>

正解