正則表達式從CSS

Question

我的CSS隨後獲取文本..

<style> 
.body{ 
    width:2px; 
    height:3px; 
    } 
</style> 
<style> 
.anotherOne{ 
    key:value; 
    ........... 
    } 
</style> 

和HTML部分

<div class="body"></div> 

所以，我怎麼能得到價值「身體」類中的第一個樣式標籤？我也想在那裏追加數據，我該如何處理這個JavaScript和正則表達式？ 還有其他方法嗎？

我想進去任何東西與".body{" and ending with "}"

編輯開始：預期的結果是width:2px; height:3px;

Answer 1

如果你有一個JavaScript字符串隔離CSS樣式，你可以用這個正則表達式的寬度值：

var re = /\.body\s*\{[^\}]*?width\s*:\s*(.*);/m; 
var matches = str.match(re); 
if (matches) { 
    var width = matches[1]; 
} 

測試用例在這裏：http://jsfiddle.net/jfriend00/jSDeJ/。

高度值可以用這個表達式來獲得：

\.body\s*\{[^\}]*?height\s*:\s*(.*);/m; 

如果你只是想文本（不管它是什麼就是body標籤的大括號內，那麼你可以這樣做與此：

var re = /\.body\s*\{([^\}]*?)\}/m; 
var matches = str.match(re); 
if (matches) { 
    var width = matches[1]; 
} 

你可以看到它在這裏工作：http://jsfiddle.net/jfriend00/jSDeJ/3/

如果再想用自己的字符串替換整個。體風格，可以是這樣做的：

var str = " <style>\n.body{\n width:2px; \n height:3px; \n } \n</style>"; 

var re = /(\.body\s*\{)([^\}]*?)(\})/m; 
var newStyle = "width: 20px; \nheight: 1000px;"; 
var result = str.replace(re, "$1" + newStyle + "$3"); 
alert(result); 

你可以看到這裏的工作：http://jsfiddle.net/jfriend00/jSDeJ/8/

Answer 2

這看起來很有希望...

https://github.com/sabberworm/PHP-CSS-Parser

或者，如果你只是想知道 「計算值」，我d依賴於瀏覽器的解析器，只需使用javascript DOM方法提取值即可。

希望幫助...