JavaScript 是一種能夠?qū)⒕W(wǎng)頁變得更加動態(tài)的編程語言。它能夠與CSS協(xié)同工作，實現(xiàn)對頁面的樣式控制。在這篇文章中，我們將會探討如何使用JavaScript修改由CSS設(shè)定的多個樣式。

我們使用的是getElementById()方法，因為通過使用這個方法，我們可以輕松地獲取到指定元素的屬性。在下面的代碼中，我們將針對一個類名為“box”的元素進行樣式更改。

var box = document.getElementById("box");
box.style.backgroundColor = "red";
box.style.border = "1px solid black";
box.style.marginTop = "20px";

以上的 JavaScript 代碼將會更改元素的背景色、邊框以及外邊距。這個例子中的每一行代碼都針對元素的一個不同的屬性，以相同的方式設(shè)置屬性。

請注意，在每行代碼中我們都使用了style屬性。這是因為我們需要更改指定元素的 CSS 樣式。我們還可以使用類名或 ID 來更改樣式。例如，如果我們想改變具有特定類名“box”的所有元素的樣式，我們可以使用以下代碼：

var boxes = document.getElementsByClassName("box");
for (var i = 0; i< boxes.length; i++) {
boxes[i].style.backgroundColor = "red";
boxes[i].style.border = "1px solid black";
boxes[i].style.marginTop = "20px";
}

以上的 JavaScript 代碼將會更改 具有類名“box”的所有元素的 CSS 樣式。通過這種方式，我們可以使用 JavaScript 控制網(wǎng)頁的樣式，提高網(wǎng)頁的交互性。