怎么动态的创建页内样式
日期：2014-05-16 浏览次数：20314 次
如何动态的创建页内样式？
比如,当单机按钮时在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 ');
------解决方案--------------------
------解决方案--------------------
正解
比如,当单机按钮时在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>
------解决方案--------------------
正解
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
