我在button点击之前是一个版式,全部的内容是居中,引用a.css文件,点击button后,布局要改变

页面布局随着点击button而改变,这样css文件应该怎样写?... 页面布局随着点击button而改变,这样css文件应该怎样写? 展开
 我来答
huibo865686
2015-04-02 · TA获得超过916个赞
知道小有建树答主
回答量:325
采纳率:80%
帮助的人:269万
展开全部

这样

a.css

body{ color:red; }


b.css

body{color:black}


html :

<html>
  <head>
     .....
     <link rel="stylesheet" href="a.css" id="cssDom"/>
  </head>
  <body>
     <p>测试文字。。。。。。</p>
    <button type="button" id="btn">切换皮肤</button>
    <script>
      var btn = document.getElementById('btn');
      var link = document.getElementById('cssDom');
      var cssA = 'a.css';
      var cssB = 'b.css';
      btn.onclick = function(){
        if(link.href === cssA){//点击后切换皮肤
          link.href = cssB;
        }else{
          link.href = cssA;
        }
      };
    </script>
  </body>
</html>
isytana
2015-04-01 · TA获得超过194个赞
知道小有建树答主
回答量:311
采纳率:0%
帮助的人:200万
展开全部
用js实现:绑定点击事件,点击切换css文件路径
追问
怎么绑定呢?如果之前是a.css,那么现在是b.css,如何实现呢?button的function为aa=function(){
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式