jquery或js怎样在《style》标签内添加一条样式

   if (window.ActiveXObject) { /*ie*/

                window.style = ".b{color:#ccc}"

                document.createStyleSheet("javascript:style")

            } else {

                var style = document.createElement('style')

                style.type = 'text/css'

                style.innerHTML = ".b{color:#ccc}"

                document.getElementsByTagName('HEAD').item(0).appendChild(style)

            }

元素的style属性是个只读属性，不能直接赋值，只能针对子属性进行设置，如

like.style.width = "100px"

需要同时进行多个属性的设置还有一种方案：

like.style.cssText = "width:150pxheight:150px"

当然，这样就会覆盖like元素上原有的样式定义，如果需要，安全的做法如下：

like.style.cssText +="width:150pxheight:150px"

在页面内用JS *** 作CSS除非用AJAX，但 *** 作页面内的样式的话，是可以的。 *** 作样式分为改变直接样式，改变className和改变cssText三种

一、局部改变样式

调用方法：

改变className

<div id="demo">测试</div>

<script>

document.getElementById('demo').className="test"

</script>

改变直接样式

<div id="demo">测试</div>

<script>

document.getElementById('obj').style.backgroundColor="#003366"

</script>

二、全局改变样式

可以通过改变外链样式的的href的值实现网页样式的实时切换

<link rel = "stylesheet" type="text/css" id="css" href="firefox.css" />

<span on click="javascript:document.getElementById('css').href = 'ie.css'">点我改变样式</span>

---