解析类属性

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的电子邮件等。