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

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

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

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

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

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

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

這些方法在處理傳統(tǒng)的CSS樣式時(shí)都能很好的工作，但是可能會(huì)出現(xiàn)問題在于處理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變量的值，并將其輸出到控制臺(tái)中。

總之，使用JavaScript可以輕松地獲取元素的CSS樣式，這對(duì)于動(dòng)態(tài)更新網(wǎng)站樣式十分有用。