解析類屬性

Question

我會很具體：

如何更換

<style type="text/css"> 
    .class1 {font-weight:bold; font-size:10pt;} 
    .class2 {font-weight:bold; font-size:12pt;} 
    ... 
    .classN {font-weight:bold; font-size:8pt; vertical-align:sub;} 
</style> 

<div class="class2" style="color:blue;"> 
    Bold Text 
</div> 

有了這個：

<div style="color:blue; font-weight:bold; font-size:12pt;"> 
    Bold Text 
</div> 

**注意 - 節點可以是任何節點 - 屬性順序不關心。 - 類屬性不需要被剝離

有什麼HTML方法（C＃）來做到這一點？正則表達式？有任何想法嗎？

在此先感謝！

Answer 1

如果您正在使用jQuery，你可以使用這個插件：

/* 
* getStyleObject Plugin for jQuery JavaScript Library 
* From: http://upshots.org/?p=112 
* 
* Copyright: Unknown, see source link 
* Plugin version by Dakota Schneider (http://hackthetruth.org) 
*/ 

(function($){ 
    $.fn.getStyleObject = function(){ 
     var dom = this.get(0); 
     var style; 
     var returns = {}; 
     if(window.getComputedStyle){ 
      var camelize = function(a,b){ 
       return b.toUpperCase(); 
      } 
      style = window.getComputedStyle(dom, null); 
      for(var i=0;i<style.length;i++){ 
       var prop = style[i]; 
       var camel = prop.replace(/\-([a-z])/g, camelize); 
       var val = style.getPropertyValue(prop); 
       returns[camel] = val; 
      } 
      return returns; 
     } 
     if(dom.currentStyle){ 
      style = dom.currentStyle; 
      for(var prop in style){ 
       returns[prop] = style[prop]; 
      } 
      return returns; 
     } 
     return this.css(); 
    } 
})(jQuery); 

和嘗試這樣的事情

<div class="class2" style="color:blue;"> 
    Bold Text 
</div> 
<script type="text/javascript"> 
    var computedStyle; 
    $("div[class^='class']").each(function(){ 
    computedStyle = $(this).getStyleObject(); 
    $(this).css(computedStyle); 
    $(this).attr('class',''); 
    }); 
</script> 

Answer 2

使用此工具可以爲HTML/CSS轉換爲內聯CSS =

。

http://inlinestyler.torchboxapps.com

只有在你必須使用這個，例如造型H基於TML的電子郵件等。