我想做一个按钮，当单击它时，我的网页的背景颜色会改变。我已经尝试过使用Javascript和CSS，但是没有成功！这是我的代码：
<!DOCTYPE html>
<html>
<head>
<title>
Test
</title>
<style>
.bgcolor1{
background-color:black;
}
.bgcolor2{
background-color:grey;
}
</style>
<script type="text/javascript">
</script>
</head>
<body class="bgcolor1">
<button onclick="this.className = 'bgcolor2'">Change COLOUR</button>
</body>
</html>
如您所见，当用户单击按钮时，应将类更改为“ bgcolor2”，因此背景色将为灰色，但仅将按钮的背景色更改为灰色，而不是文档！
那么，如何使用css或js更改文档的背景颜色，或者此代码有什么问题呢？谢谢 ...
最佳答案
<button onclick="document.body.className = 'bgcolor2'">Change COLOUR</button>
this是指按钮，而不是主体。 document.body.className = 'bgcolor2';