Question

通过1个button调用不同的css

定义了两个css，怎么通过点击index.jsp中的button按钮实现界面风格的切换，代码怎么写( ⊙ o ⊙ )啊！？？？

Answer 1

你链接样式表的代码是这样的是吧

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

给link加个ID如下

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

在给button添加点击事件，假设button的ID为btn，加如下JS代码

var oBtn=document.getElementById("btn");
var oLink =document.getElementById("link");
oBtn.onclick=function(){
    if(oLink.href=="1.css")
    {
        oLink.href="2.css";
    }
    else
    {
        oLink.href="1.css";
    }
}

这样就能实现样式切换了

Answer 2

可以用js修改引入的css文件名,当点击button的时候 改下文件名就OK了