JavaScript是一種動態語言，經常用于操作網頁上的元素，其中最常見的就是DOM（文檔對象模型）元素。在DOM元素中，每個元素都有一些具有唯一性的屬性，比如class、id、name等等。而這些屬性又有對應的CSS樣式。下面，我們來討論如何使用JavaScript來獲取DOM元素的CSS樣式。

要獲取DOM元素的CSS屬性的值，需要涉及到三個方法：getComputedStyle、currentStyle和style。其中getComputedStyle和currentStyle是獲取最終的計算后的樣式，而style則是獲取內嵌的樣式。

// 獲取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);

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

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

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

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

總的來說，我們可以很方便地使用JavaScript來獲取DOM元素的CSS樣式值。不同的方法對應了不同的CSS樣式，可以根據自己的需求來選擇使用。同時，也需要注意瀏覽器的兼容性，避免出現不兼容的情況。