如何动态的创建页内样式？

比如,当单机按钮时在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下不起作用啊~~~

解决方案 »

  1.   

    $('#contentCss').css({
        color:'red'
    });或
    <style type="text/css" id='contentCss'>
      .pcolor { color:red; }
    </style>
    ---
    $('#contentCss').addClass('pcolor ');
      

  2.   

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