我想制作一个按钮，当它被点击时，我网页的背景颜色会改变。我已经尝试过使用 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';
关于javascript - 如何制作一个可以改变文档背景颜色的按钮？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33316777/