JavaScript（簡稱JS）是一種面向對象的編程語言，用于與網頁交互，使網頁變得更動態。在處理網頁中的元素時，往往需要獲取元素的CSS屬性以便于操縱其樣式。那么，JS如何獲取CSS屬性呢？

JS通過DOM（文檔對象模型）結構獲取元素，然后使用style屬性來獲取元素的CSS屬性。以下是JS獲取CSS屬性的基本語法：

element.style.property

其中，element表示要獲取屬性的元素，property是要獲取的CSS屬性名，可以用駝峰命名法。例如，要獲取元素的背景顏色，可以使用以下代碼：

var bgColor = element.style.backgroundColor;
console.log(bgColor);

當然，如果該元素的CSS屬性是在外部樣式表中定義的，則無法使用element.style來獲取其屬性。但是，JS可以通過getComputedStyle()方法獲取元素的計算后樣式。以下是獲取計算后樣式的基本語法：

window.getComputedStyle(element[, pseudoElement]).property

其中，element表示要獲取屬性的元素，pseudoElement是可選的，用于指定欲獲取偽元素的屬性，property是CSS屬性名，同樣可以用駝峰命名法。例如，要獲取元素的字體大小，可以使用以下代碼：

var fontSize = window.getComputedStyle(element).fontSize;
console.log(fontSize);

通過以上方法，我們可以方便地獲取到元素的CSS屬性，以便于在JS中操縱其樣式或進行其他操作。