<html>
<head id="d">
<script language="javascript">
function a(){
var d=document.getElementById("d");

var o=document.createElement("link");
o.href="1.css";
o.rel="stylesheet" ;
o.type="text/css";
d.appendChild(o);
alert("ok");
}
</script>
</head>
<body onload="a();">
<button class="a">dddd</button>
</body>
</html>
1.css 
   .a{
background-color:#FE9804;
border:0px;
}

解决方案 »

  1.   

    楼上的弟兄是通过css文件改换,非常感谢那么还有没有别的方式呢,比如参数方式
    如果融合Ajax的应用,能产生什么独特的方式?比如说Css文件可以通过文件属性配置生成,而不是一个固定的1.css/2.css/3.css.......
      

  2.   

    其实这就是用参数来实现的
    你把你通过文件属性配置获得的css的名称传递过来就可以了<html>
    <head id="d">
    <script language="javascript">function createCss(name){
    var d=document.getElementById("d");var o=document.createElement("link");
    o.href=name;
    o.rel="stylesheet" ;
    o.type="text/css";
    d.appendChild(o);}function a(){
      //获取你css的路径,赋值给name
      var name="1.css" 
      createCss(name);
    }</script>
    </head>
    <body onload="a();">
    <button class="a" onclick="a();">dddd</button>
    </body>
    </html>