在JavaScript中訪問(wèn)CSS樣式的方法有多種，以下是一些常見(jiàn)的做法。

1、通過(guò)style屬性訪問(wèn)：

JavaScript允許你通過(guò)元素的style屬性來(lái)訪問(wèn)和修改CSS樣式，如果你想獲取一個(gè)元素的背景顏色，可以這樣做：

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

2、通過(guò)getComputedStyle方法訪問(wèn)：

getComputedStyle方法返回元素當(dāng)前使用的所有CSS屬性的計(jì)算值，這個(gè)方法對(duì)于獲取***終應(yīng)用于元素的樣式非常有用。

var element = document.getElementById('myElement');
var computedStyle = window.getComputedStyle(element);
var backgroundColor = computedStyle.backgroundColor;

3、通過(guò)matchMedia方法訪問(wèn)：

matchMedia方法用于查詢(xún)媒體查詢(xún)的狀態(tài)，雖然它主要用于響應(yīng)式設(shè)計(jì)的場(chǎng)景，但也可以用來(lái)獲取元素在不同屏幕大小下的樣式。

var mq = window.matchMedia("(max-width: 600px)");
mq.onmatch = function() {
    var element = document.getElementById('myElement');
    var style = window.getComputedStyle(element);
    console.log("元素在小于等于600px屏幕大小下的樣式：", style);
};

4、通過(guò)CSSStyleSheet對(duì)象訪問(wèn)：

如果你想直接訪問(wèn)和修改CSS樣式表，可以使用CSSStyleSheet對(duì)象，這需要你對(duì)CSS樣式表有深入的了解，并且需要謹(jǐn)慎操作，因?yàn)橹苯有薷臉邮奖砜赡軙?huì)影響頁(yè)面的其他部分。

var stylesheet = document.styleSheets[0]; // 假設(shè)樣式表在文檔中的索引為0
var rules = stylesheet.cssRules || stylesheet.rules; // 獲取樣式表中的規(guī)則
for (var i = 0; i < rules.length; i++) {
    var rule = rules[i]; // 遍歷樣式表中的每一條規(guī)則
    console.log("規(guī)則:", rule); // 輸出規(guī)則信息
}

這些方法只是訪問(wèn)CSS樣式的一部分，實(shí)際的樣式應(yīng)用還會(huì)受到其他因素的影響，如CSS選擇器、繼承等，在實(shí)際開(kāi)發(fā)中，你可能需要結(jié)合多種方法來(lái)全面理解和應(yīng)用CSS樣式。