在開發網頁中，經常需要獲取元素的CSS樣式。在JavaScript中，可以使用getComputedStyle()方法獲取元素的所有CSS樣式。下面是示例代碼：

var elem = document.getElementById('my-element');
var styles = window.getComputedStyle(elem);
console.log(styles);

上面的代碼中，我們獲取了ID為my-element的元素，并使用getComputedStyle()方法獲取了該元素的CSS樣式。在控制臺中將顯示所有CSS樣式的鍵值對。

需要注意的一點是，getComputedStyle()方法返回的是只讀的CSSStyleDeclaration對象。這意味著我們不能直接修改該對象。

如果想要獲取元素的某個具體的CSS樣式，可以使用以下代碼：

var elem = document.getElementById('my-element');
var styles = window.getComputedStyle(elem);
var color = styles.getPropertyValue('color');
console.log(color);

上面的代碼中，我們使用getPropertyValue()方法獲取了元素的顏色屬性，并將其輸出到控制臺中。

這些方法在處理傳統的CSS樣式時都能很好的工作，但是可能會出現問題在于處理CSS變量。如果要處理CSS變量，可以使用以下代碼：

var elem = document.getElementById('my-element');
var styles = window.getComputedStyle(elem);
var variableValue = styles.getPropertyValue('--my-var');
console.log(variableValue);

上面的代碼中，我們獲取了元素中名為--my-var的CSS變量的值，并將其輸出到控制臺中。

總之，使用JavaScript可以輕松地獲取元素的CSS樣式，這對于動態更新網站樣式十分有用。