CSS是一種強大的前端技術，它可以讓我們輕松地控制網頁的樣式。在CSS中，我們通常使用屬性來設置元素的外觀。每個屬性都有一個對應的值，例如：color屬性對應的值可以是一個顏色值。

如何獲取元素的屬性值呢？在javascript中，我們可以使用getElementById、getElementsByClassName等方法來獲取元素，并使用element.style.property來獲取或設置元素的樣式。但是，當我們需要獲取元素的非行內樣式或者計算樣式時，就需要使用window.getComputedStyle方法。

這個方法有兩個參數，第一個參數是要獲取樣式的元素，第二個參數是一個偽元素字符串（可選）。它會返回一個包含元素所有樣式的CSSStyleDeclaration對象。我們可以使用getPropertyValue方法來獲取指定屬性的值。

let element = document.getElementById('myDiv');
let style = window.getComputedStyle(element);
let color = style.getPropertyValue('color');
console.log(color); // 輸出元素的字體顏色

除了使用getPropertyValue方法，CSSStyleDeclaration對象還提供了其他一些方法來操作元素的樣式，例如：setProperty、removeProperty等方法。

總結一下，通過使用window.getComputedStyle方法來獲取元素的屬性值，可以讓我們更方便地控制網頁的樣式，同時也為后續的Javascript操作提供了便利。