JavaScript是一種常用的腳本語言，它可以通過讀取CSS樣式表來操作網頁元素的樣式。使用JavaScript讀取CSS樣式，可以實現以下功能：

1. 動態改變網頁元素的樣式

2. 獲取網頁元素的樣式值

下面我們來看一下如何通過JavaScript讀取CSS樣式

//獲取指定元素的CSS樣式值
function getStyle(element, styleName) {
if (element.currentStyle) {
//IE瀏覽器
return element.currentStyle[styleName];
} else {
//其他瀏覽器
return window.getComputedStyle(element, null)[styleName];
}
}

上面的代碼中，我們使用了一個名為getStyle的函數。這個函數接受兩個參數：要獲取樣式值的元素和樣式名。它使用了兩種不同的方法來獲取指定元素的CSS樣式值，這取決于瀏覽器類型。在IE瀏覽器中，我們可以使用元素的currentStyle屬性來獲取樣式值。而在其他瀏覽器中，我們可以使用全局的getComputedStyle函數來獲取樣式值。

下面是一個使用getStyle函數的實例：

//獲取元素的背景顏色
var backgroundColor = getStyle(document.getElementById('myDiv'), 'backgroundColor');
alert('背景顏色是：' + backgroundColor);

在這個實例中，我們使用了getElementById函數來獲取id為myDiv的元素，并傳遞了背景顏色的樣式名。然后，我們使用getStyle函數來獲取這個元素的背景顏色。最后，我們使用alert函數來顯示這個顏色。