JavaScript是一門強大的編程語言，可以用它來操作HTML和CSS等網頁元素。在網頁開發中，有時我們需要從CSS文件中提取類名，可以利用JavaScript的正則表達式來實現。下面是一個簡單的例子：

const cssString = '.box {width:100px; height:100px; background-color:#ccc;} .title {font-size:20px; color:#333;}'; //樣式字符串
const regExp = /\.([^{]+)\{/g; //正則表達式，匹配類名
let match;
let classNames = [];
while(match = regExp.exec(cssString)) {
classNames.push(match[1]); //把提取到的類名存入數組
}
console.log(classNames); //輸出[class="box", class="title"]

在上面的代碼中，我們首先定義了一個樣式字符串，然后編寫了一個正則表達式，用來匹配類名。這個正則表達式的含義是：匹配以"."開頭，然后跟一組不包含"{"的字符，接著是"{"。"\"用來轉義"."和"{"，確保匹配的是字符而不是正則表達式關鍵字。

接下來，我們使用while循環來遍歷樣式字符串，每次匹配到了一個類名，就把它存入數組中。最后，我們輸出這個數組，就可以看到提取到的所有類名了。

總結一下，以上代碼是一種經典的JavaScript提取CSS文件類名的方法。當我們需要動態改變樣式時，就可以使用這些類名來操作樣式了。