JS是一種強大的編程語言，它可以與CSS結合使用來改變HTML文檔的樣式。其中包括改變背景顏色，下面我們來看一看如何使用JS和CSS來設置HTML文檔背景樣式。

// 聲明背景顏色變量
var bgColor = "blue";
// 選擇body元素
var body = document.querySelector("body");
// 修改body的背景顏色為變量bgColor
body.style.backgroundColor = bgColor;

上述代碼中，我們首先聲明了一個名稱為bgColor的變量，并將其設置為"blue"，代表我們將HTML文檔的背景顏色設置為藍色。接著，我們使用JS的querySelector選擇器選中了HTML文檔的body元素，并使用style屬性來修改其背景顏色為bgColor所代表的顏色。這樣，整個HTML文檔的背景顏色就被設置為了藍色。

接下來，我們來看一下如何使用CSS樣式來設置HTML文檔的背景。下面是示例代碼：

/* 聲明背景顏色樣式 */
.bgColor {
background-color: red;
}
/* 在HTML文檔中應用樣式 */
document.querySelector("body").classList.add("bgColor");

上述代碼中，我們在CSS中聲明了一個名稱為bgColor的樣式，其中設置了HTML文檔的背景顏色為紅色。接著，我們使用JS的querySelector選擇器選中了body元素，并使用classList屬性將其中添加bgColor樣式，從而應用了我們的背景顏色樣式。這樣，HTML文檔的背景顏色也會被設置為紅色。

通過以上兩種方法，我們可以輕松地使用JS和CSS來設置HTML文檔的背景顏色，從而達到更好的視覺效果。