JavaScript 是一種常用的編程語言，經常用來修改網頁上的各種屬性。其中，修改背景顏色是最為常見的一種需求。下面，我們就來介紹一下如何使用 JavaScript 修改網頁背景顏色。

首先，我們需要知道如何獲取網頁中的元素。通過使用 document.getElementById() 這個方法，我們可以獲取到指定 id 的元素。例如：

var el = document.getElementById('changeBg');

上面這行代碼就獲取了一個 id 為 "changeBg" 的元素。接下來，我們可以通過修改這個元素的 style 屬性來改變它的背景顏色。例如：

el.style.backgroundColor = 'red';

上面這行代碼就將元素的背景顏色修改為了紅色。同樣的道理，我們還可以將它改為其他顏色，比如綠色、藍色等等。例如：

el.style.backgroundColor = 'green';
el.style.backgroundColor = 'blue';

如果需要在多個元素之間切換背景顏色，那么可以將它們都保存在一個數組中，然后每次循環中依次修改它們的背景顏色。例如：

var els = document.querySelectorAll('.bgItem');
for (var i = 0; i < els.length; i++) {
els[i].style.backgroundColor = 'red';
}

上面這段代碼就獲取了所有類名為 "bgItem" 的元素，然后依次將它們的背景顏色改為紅色。

同時，我們還可以通過 JavaScript 將背景顏色設置為隨機色。通過以下代碼可以隨機生成一個十六進制顏色值：

function getRandomColor() {
var letters = '0123456789ABCDEF';
var color = '#';
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}

這個函數會生成一個類似 "#3F7B14" 的字符串作為顏色值。然后我們可以將其賦值給元素的背景顏色屬性。例如：

el.style.backgroundColor = getRandomColor();

這樣，每次調用 getRandomColor() 函數都會得到一個隨機的顏色值，并將其賦值給元素的背景顏色屬性。

以上就是使用 JavaScript 修改網頁背景顏色的幾種方法。通過這些方法，我們可以靈活地控制元素的背景顏色，以達到更好的視覺效果。