如何使用 JavaScript 動態變更網頁的背景顏色？

自訂網頁美觀：使用 JavaScript 更改背景顏色

操縱網頁的視覺外觀是網頁設計的一個重要面向。常見的調整是更改背景顏色。 JavaScript 提供了一個簡單的解決方案來實現此目的。

背景顏色修改的 JavaScript 方法

要使用 JavaScript 修改網頁的背景顏色，請利用 document.body。 style.background 屬性。將此屬性的值設為所需的顏色即可變更背景。

範例實作

以下程式碼示範如何使用JavaScript 實作背景顏色修改：

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

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

在此範例中，changeBackground 函數接受顏色參數並將其指派給背景屬性。視窗載入事件監聽器呼叫此函數在頁面載入時將背景顏色設為紅色。

注意事項

需要注意的是，此技術的有效性取決於頁面結構。如果 DIV 容器的背景顏色設定不同，則可能需要修改其背景顏色而不是文件正文。

以上是如何使用 JavaScript 動態變更網頁的背景顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！