CSS是網(wǎng)頁中樣式設(shè)計的基礎(chǔ)，它可以定義頁面的布局、顏色、字體等等。使用JavaScript，你可以通過獲取元素的CSS樣式來實現(xiàn)更多的操作。下面介紹一下如何在JS中獲取CSS樣式。

//獲取元素的CSS樣式
let element = document.querySelector('#targetElement');
let color = window.getComputedStyle(element).getPropertyValue("color");
console.log(color);

上述代碼中，我們通過querySelector方法獲取id為targetElement的元素，然后使用window.getComputedStyle方法獲取它的CSS樣式，最后通過getPropertyValue方法獲取color屬性的值。

//獲取帶前綴的CSS樣式
let transform = window.getComputedStyle(element).getPropertyValue("-webkit-transform");
console.log(transform);

有些CSS樣式屬性可能帶有瀏覽器前綴，如-webkit-transform。這時我們需要使用帶有前綴的屬性名稱來獲取這些樣式。

//設(shè)置元素的CSS樣式
element.style.backgroundColor = "blue";

同時，我們也可以通過JS來設(shè)置元素的CSS樣式。上面的代碼就演示了如何將元素的背景色設(shè)置為藍(lán)色。

總之，通過JS獲取CSS樣式可以為頁面的樣式設(shè)計提供更多的可能性，是實現(xiàn)更多交互效果的基礎(chǔ)。