Javascript 如何在单击事件中更改目标CSS文件

Javascript 如何在单击事件中更改目标CSS文件,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,例如,如何在点击事件中更改目标CSS文件。我的意思是,我的视图使用的是一个主CSS文件,但只要点击一个按钮,我就会显示一个新的视图,我希望它有另一个完整的CSS。在隐藏最后一个div和显示旧div时,我希望旧div继续以与之关联的第一个CSS文件为目标 您可以动态地将css作为目标,如下所示: <link rel="stylesheet" href="{{cssFilePath}}"> 您可以使用JS更改CSS文件。看看这个例子。它在这里不起作用,但在实现时应该起作用 var

例如,如何在点击事件中更改目标CSS文件。我的意思是,我的视图使用的是一个主CSS文件,但只要点击一个按钮,我就会显示一个新的视图,我希望它有另一个完整的CSS。在隐藏最后一个div和显示旧div时,我希望旧div继续以与之关联的第一个CSS文件为目标

您可以动态地将css作为目标,如下所示:

<link rel="stylesheet" href="{{cssFilePath}}"> 

您可以使用JS更改CSS文件。看看这个例子。它在这里不起作用,但在实现时应该起作用

var cssnum=1;
函数changeCSS(){
如果(cssnum==1){
document.getElementById(“cssid”).innerHTML=“”;
var-cssnum=2;
}
否则{
document.getElementById(“css”).innerHTML=“”;
var cssnum=1;
}
}



更改CSS文件(按钮)
<button ng-click="updateCssFilePath()">Change</button>