如何使用 JavaScript 动态更改网页的背景颜色？

使用 JavaScript 更改网页背景颜色

Web 开发中的一项常见任务涉及动态更改网页的背景颜色。使用 JavaScript 实现此目的提供了一个简单的解决方案。

要修改背景颜色，您可以在 JavaScript 中操作 document.body.style.background 属性。此属性允许您设置所需的颜色值。

例如，您可以创建一个接受颜色参数并相应设置背景颜色的函数：

function changeBackground(color) {
  document.body.style.background = color;
}

然后您可以调用这个函数在网页加载时设置初始背景颜色：

window.addEventListener("load", function() {
  changeBackground('red');
});

在这个例子中，当页面加载时，网页的背景将被设置为红色。

但是，请注意，这个可能会根据您的网页结构而有所不同。如果您使用具有单独背景颜色的 DIV 容器，则需要修改该元素的背景属性而不是文档正文。

以上是如何使用 JavaScript 动态更改网页的背景颜色？的详细内容。更多信息请关注PHP中文网其他相关文章！