如何使用JavaScript更改背景颜色？

Question

如何使用JavaScript更改背景颜色？有人知道一种使用JavaScript交换网页背景颜色的简单方法吗？

Answer 1

修改JavaScript属性document.body.style.background。

例如：

function changeBackground(color) {
   document.body.style.background = color;}window.addEventListener("load",function() { changeBackground('red') });

注意：这确实取决于您的页面如何组合在一起，例如，如果您使用具有不同背景颜色的DIV容器，则需要修改其背景颜色而不是文档正文。

Answer 2

你不需要AJAX，只需要设置body元素的background-color属性的普通java脚本，如下所示：

document.body.style.backgroundColor = "#AA0000";

如果您想要像服务器一样启动它，则必须轮询服务器，然后相应地更改颜色。

Answer 3

我同意之前的海报，即改变颜色className是一种更漂亮的方法。然而，我的论点是，a className可以被视为“为什么你希望背景成为这种或那种颜色”的定义。

例如，将其设为红色不仅仅是因为您希望它变红，而是因为您想要通知用户错误。因此，AnErrorHasOccured在body上设置className 将是我首选的实现。

在css

body.AnErrorHasOccured{
  background: #f00;}

在JavaScript中：

document.body.className = "AnErrorHasOccured";

这使您可以根据此选择更多元素className。因此，通过设置className一种给予页面某种状态的方式。