在Web開發中，我們經常需要對網頁中的CSS樣式進行修改。如果只有幾個元素需要修改，這個過程并不復雜。但是，如果需要同時修改多個元素的樣式，這個過程就會變得非常耗時。這時候，我們可以考慮使用JavaScript來批量替換CSS樣式。

下面是一個例子，我們假設我們想要將所有class為“old-style”的元素的字體顏色替換為紅色：

var elements = document.getElementsByClassName("old-style");
for(var i = 0; i< elements.length; i++){
elements[i].style.color = "red";
}

代碼中，我們首先通過document.getElementsByClassName()方法獲取所有class為“old-style”的元素。隨后，使用for循環遍歷這些元素，并將它們的style.color屬性設置為“red”即可完成替換。

如果我們想要同時替換多個CSS樣式，可以將上面的代碼進行修改。例如我們需要同時將字體顏色和背景顏色進行修改：

var elements = document.getElementsByClassName("old-style");
for(var i = 0; i< elements.length; i++){
elements[i].style.color = "red";
elements[i].style.backgroundColor = "yellow";
}

代碼中，我們將修改字體顏色和背景顏色的語句放在了同一個for循環中，這樣就可以同時進行這兩個修改了。

需要注意的是，上面的代碼只會對所有class為“old-style”的元素進行修改。如果我們想要對所有元素進行修改，可以將代碼中的document.getElementsByClassName()方法改為document.getElementsByTagName()方法，這樣就可以獲取到頁面中的所有元素。