在JavaScript中，可以使用多種方法獲取CSS中的屬性值，以下是幾種常見的方法：

1、通過style屬性獲取：

- 對(duì)于內(nèi)聯(lián)樣式（在HTML元素中直接定義的樣式），可以直接通過元素的style屬性來獲取，獲取一個(gè)元素的背景顏色：

```javascript

var bgColor = document.getElementById('myElement').style.backgroundColor;

```

2、通過CSSStyleSheet獲取：

- 對(duì)于外部樣式表（在HTML中通過<link>標(biāo)簽引入的樣式表），可以通過CSSStyleSheet接口來獲取樣式表中的規(guī)則，并提取屬性值。

```javascript

var sheet = document.styleSheets[0]; // 假設(shè)樣式表是外部鏈接的***個(gè)

var rules = sheet.cssRules || sheet.rules; // 獲取樣式表中的規(guī)則

for (var i = 0; i < rules.length; i++) {

var rule = rules[i]; // 遍歷規(guī)則

if (rule.selectorText === 'div') { // 假設(shè)我們想要獲取div元素的背景顏色

var bgColor = rule.style.backgroundColor;

break; // 假設(shè)只有一條匹配的規(guī)則，找到后即可停止循環(huán)

}

}

```

3、通過getComputedStyle獲取：

getComputedStyle方法可以用來獲取元素當(dāng)前使用的樣式值，包括從樣式表、內(nèi)聯(lián)樣式和瀏覽器默認(rèn)樣式繼承的值。

```javascript

var element = document.getElementById('myElement');

var computedStyle = window.getComputedStyle(element);

var bgColor = computedStyle.backgroundColor;

```

4、通過matchMedia獲取：

matchMedia可以用來處理媒體查詢，即根據(jù)設(shè)備特性（如屏幕寬度、設(shè)備類型等）應(yīng)用不同的樣式，雖然它主要用于管理CSS樣式的變化，但也可以用來獲取關(guān)于設(shè)備特性的信息。

```javascript

var mq = window.matchMedia("(max-width: 600px)"); // 創(chuàng)建一個(gè)媒體查詢對(duì)象

mq.on('change', function(e) { // 當(dāng)查詢結(jié)果變化時(shí)執(zhí)行此函數(shù)

var isMobile = e.matches; // 獲取是否匹配媒體查詢的結(jié)果

});

```

這些方法可以幫助你在JavaScript中靈活地獲取和應(yīng)用CSS樣式，根據(jù)你的具體需求和場(chǎng)景，你可以選擇***適合的方法。