Javascript 是否有任何方法可以在html中创建一个按钮，当单击该按钮时，会打开css？

例如，想象一个黑白页面，然后当您单击按钮时，页面刷新，给您相同的页面，但使用css？目前，我唯一能想到的方法是使用两个不同的页面，但最好使用一个页面。

如果您只想更改按钮，可以在单击按钮时使用JS添加一类CSS，如下所示：

let btn=document.querySelector（'myButton2'）；
btn.addEventListener（'单击'，（e）=>{
e、 target.classList.toggle（'addClassGreen'）；
});
.myButtons{
边界半径：5px；
填充：20px；
颜色：#fff；
背景:#666；
}
#我的按钮1：悬停{
背景：紫色；
}
#myButton1：活动{
背景：红色；
}
addClassGreen先生{
背景：绿色；
}

对CSS的临时反应
用JS添加类
您可以向顶级元素（即bod）添加一个打开或关闭的类

body {
color: black;
}

body.color {
color: red;
}

只需将一个类添加到
body
元素中，使用JavaScript在按钮上切换该类，然后将该类添加到所有CSS选择器中