使用javascript通过一个按钮在两种背景色之间切换

使用javascript通过一个按钮在两种背景色之间切换,javascript,html,css,colors,background,Javascript,Html,Css,Colors,Background,我的网站有问题。我想用一个按钮循环两种不同的背景颜色(从白色到黑色和从黑色到白色)。另一件事,我想用相同的按钮改变字体颜色(从黑到白,从白到黑。我想这样做的原因是我想通过点击按钮来制作网站的负面版本。有人能给我发脚本和按钮html标签吗 背景色和字体颜色由CSS中的这些标记定义: 正文{color:$(body.text.color);背景:$(body.background);} 所以脚本应该改变这个值,我想 谢谢您的帮助。您可以创建css类: #target { color: whi

我的网站有问题。我想用一个按钮循环两种不同的背景颜色(从白色到黑色和从黑色到白色)。另一件事,我想用相同的按钮改变字体颜色(从黑到白,从白到黑。我想这样做的原因是我想通过点击按钮来制作网站的负面版本。有人能给我发脚本和按钮html标签吗

背景色和字体颜色由CSS中的这些标记定义:

正文{color:$(body.text.color);背景:$(body.background);}

所以脚本应该改变这个值,我想


谢谢您的帮助。

您可以创建css类:

#target {
    color: white;
    background-color: black;
}

.negative {
    color: black;
    background-color: white;
}
然后单击执行此操作:

$('#target').click(function(){
    $(this).toggleClass('negative');
});

或使用普通javascript:
document.body.classList.toggle(“负数”)
@NicoO很好的注释,但不幸的是,浏览器对该方法的支持还很弱:Good catch@karaxuna我不知道它是IE10+。非常感谢,但我看不到按钮定义或类似的东西。我的意思是有脚本,但在哪里定义了单击执行它,按钮在哪里?你知道吗?尽管非常感谢ch.@user3473897在fiddle示例中单击事件绑定到
body
标记。修改此代码以满足您的需要没有问题