JavaScript是一種強大的編程語言，它可以通過訪問文檔對象模型（DOM）和散步表單對象模型（CSSOM）來操作文檔中的元素。CSSOM不僅提供了樣式的讀取和修改方法，還允許JavaScript讀取CSS屬性，并在Web頁面中使用這些屬性。

//獲取元素的CSS屬性
function getComputedStyleValue(element, property) {
return window.getComputedStyle(element, null).getPropertyValue(property);
}
//獲取元素的高度
var element = document.getElementById("myDiv");
var height = getComputedStyleValue(element, "height");
console.log("元素的高度為：" + height); //輸出："元素的高度為：200px"

在上面的代碼中，我們定義了一個名為getComputedStyleValue的函數。它接受兩個參數，即要獲取屬性的元素和屬性名稱。函數使用window.getComputedStyle方法檢索元素的計算樣式，并使用getPropertyValue方法檢索屬性值。

在代碼的后面，我們使用getElementById方法檢索一個具有myDiv ID的元素。然后，我們使用getComputedStyleValue函數獲取元素的高度，并將其保存在變量height中。

最后，我們使用console.log方法向控制臺輸出高度。我們可以使用類似的方法獲取元素的寬度、顏色、字體大小和位置等CSS屬性。