JavaScript是一種動(dòng)態(tài)語(yǔ)言，經(jīng)常用于操作網(wǎng)頁(yè)上的元素，其中最常見(jiàn)的就是DOM（文檔對(duì)象模型）元素。在DOM元素中，每個(gè)元素都有一些具有唯一性的屬性，比如class、id、name等等。而這些屬性又有對(duì)應(yīng)的CSS樣式。下面，我們來(lái)討論如何使用JavaScript來(lái)獲取DOM元素的CSS樣式。

要獲取DOM元素的CSS屬性的值，需要涉及到三個(gè)方法：getComputedStyle、currentStyle和style。其中g(shù)etComputedStyle和currentStyle是獲取最終的計(jì)算后的樣式，而style則是獲取內(nèi)嵌的樣式。

// 獲取DOM元素的CSS樣式值
let box = document.querySelector('.box');
let style = window.getComputedStyle ? getComputedStyle(box, null) : null || box.currentStyle;
let width = style.width;
let height = style.height;
console.log('獲取的寬度值為：' + width + '，獲取的高度值為：' + height);

在上面的代碼中，我們首先通過(guò)querySelector方法來(lái)獲取了class為“box”的DOM元素，然后使用getComputedStyle方法獲取元素的CSS樣式，如果getComputedStyle不可用，則使用currentStyle來(lái)獲取。最后，我們通過(guò)style.width和style.height來(lái)獲取元素的寬度和高度值。

如果我們想要獲取元素內(nèi)嵌式的樣式，可以使用style方法：

// 獲取元素內(nèi)嵌式的CSS樣式值
let box = document.querySelector('.box');
let width = box.style.width;
let height = box.style.height;
console.log('獲取的寬度值為：' + width + '，獲取的高度值為：' + height);

在上面的代碼中，我們同樣先獲取了class為“box”的DOM元素，然后通過(guò)style方法來(lái)獲取元素內(nèi)嵌的CSS樣式，最后通過(guò)style.width和style.height來(lái)獲取元素的寬度和高度值。

總的來(lái)說(shuō)，我們可以很方便地使用JavaScript來(lái)獲取DOM元素的CSS樣式值。不同的方法對(duì)應(yīng)了不同的CSS樣式，可以根據(jù)自己的需求來(lái)選擇使用。同時(shí)，也需要注意瀏覽器的兼容性，避免出現(xiàn)不兼容的情況。