在網頁開發過程中，我們經常需要獲取某個元素的樣式。而通過JavaScript，我們可以獲取元素所應用的所有樣式，包括引用的CSS樣式。

為了獲取元素的樣式，我們需要引用Element對象的style屬性。這個屬性返回一個CSSStyleDeclaration對象，該對象用于通過JavaScript對元素樣式進行操作。

// 獲取元素對象
var element = document.getElementById("example");
// 獲取元素的CSS樣式
var style = window.getComputedStyle(element);
// 獲取元素的background-color屬性
var bgColor = style.getPropertyValue("background-color");
console.log(bgColor); // 輸出CSS顏色值

在上述代碼中，我們首先通過getElementById方法獲取需要獲取樣式的元素，然后使用window.getComputedStyle獲取元素應用的所有CSS樣式，并將結果保存在style變量中。

接下來，我們使用getPropertyValue方法獲取指定屬性的值。在本例中，我們獲取了元素的background-color屬性，并將結果保存在bgColor變量中。

需要注意的是，我們在獲取元素的樣式時，需要將所引用的CSS樣式表完全加載。因此，在文檔加載完成前獲取元素的樣式時，可能會得到不準確的結果。建議在DOMContentLoaded事件觸發后再獲取元素的樣式。