js是否可以修改css的内容？？？

Question

如果说是改css文件是不可以的,但是可以动态修改css中的值,在运行中是可以对除了一些只读属性的obj,其它属性均可修改.但不能保存,如果楼主想实现这种功能,可以用ajax来提交一些配置信息给服务器,服务器对修改进行保存,再下次使用的时候就能恢复成修改的样子了.

Answer 1

    是否可以利用xml方面的一些技术？？？

Answer 2

修改style标签里的样式
<STYLE TYPE="text/css" > 
.redText {color: red;} 
#pid {color: red;} 
</STYLE > 
<P id="redText" CLASS="redText" >11 </p > 
<P id="pid" >22 </p > 
<input type="button" onclick="test()" value=" test " />
<script language="javascript" type="text/javascript" > 
function test()
{
    var ss = document.styleSheets[0];
    var rules = ss.rules?ss.rules:ss.cssRules
    for(var i=0;i<rules.length;i++)
    {
        if(rules[i].selectorText=="#pid")
        {
            rules[i].style.color="yellow";
            break;
        }
    }
    
    
}
</script> 

Answer 3

http://www.google.cn/search?hl=zh-CN&newwindow=1&q=%E7%BD%91%E9%A1%B5%E6%8D%A2%E8%82%A4&btnG=Google+%E6%90%9C%E7%B4%A2&meta=lr%3Dlang_zh-CN&aq=f&oq=网页换肤

Answer 4

动态改变页面的布局  最好的方法就是修改link标签属性
比如你准备两个样式 
<link rel="stylesheet" type="text/css" hrefcss1.css" />
<link rel="alternate stylesheet" type="text/css" href="css2.css" />
第一个link会马上生效。 第二个会加载完但是不是生效！
好了， 现在就修改rel值。addEvent(objet,'click',function(){
var links = documnet.getElementsByTagName('link');
for(var i=0;i,links.length;i++)
{
    if(links[i].getAttribute('rel')== 'stylesheet')
    {
        links[i].setAttribute('rel')= 'alternate stylesheet';
    }else
links[i].setAttribute('rel')= 'stylesheet';
}
})

Answer 5

CSS的魅力就在于动态的修改风格属性值，

Answer 6

修改界面元素的样式，用 9 楼 和 6 楼的方法都可以实现
也可以直接修改元素的 style 属性值