JavaScript可以通過修改CSS來改變網頁上的元素樣式，使用該技術可以使網頁在用戶交互時有更好的視覺效果和用戶體驗。以下是一些常見的方法：

// 獲取元素
let element = document.querySelector("#my-element");
// 修改元素的樣式
element.style.backgroundColor = "red";
element.style.height = "100px";
element.style.width = "100px";

在上面的代碼中，我們首先通過querySelector方法獲取指定ID的元素，然后修改了它的背景色、高度和寬度。

// 獲取元素
let elements = document.querySelectorAll(".my-elements");
// 遍歷元素并修改樣式
elements.forEach(function(element) {
element.style.border = "1px solid black";
element.style.padding = "10px";
element.style.margin = "10px";
});

在這個例子中，我們首先通過querySelectorAll方法獲取所有類名為"my-elements"的元素，然后通過forEach方法遍歷每個元素，修改了它們的邊框、內邊距和外邊距。

// 獲取元素
let element = document.querySelector("#my-element");
// 修改元素類名
element.classList.add("my-class");
element.classList.remove("another-class");

在這個例子中，我們首先通過querySelector方法獲取指定ID的元素，然后使用classList屬性添加了一個新的類名"my-class"，并移除了原來的類名"another-class"。

通過以上方法，我們可以實現基本的CSS樣式修改，但是有時候需要更加靈活的樣式操作，這時候我們可以使用第三方庫，比如jQuery、Bootstrap等等。這些庫提供了大量的樣式操作方法，可以大大簡化我們的工作。