删除所有以“font-”开头的内联样式属性

Question

如何删除以“font-”开头的所有内联样式属性？

输入

<div style="font-size:3px;color:red;">
  <p style="font-size:5px;"></p>
</div>

输出

<div style="color:red;">
  <p style=""></p>
</div>

Answer 1

虽然 HtmlAgilityPack 的答案看起来令人印象深刻，但请尝试这个更简单的代码：

var elements = document.querySelectorAll("[style*='font-']"),
    l = elements.length, i;
for( i=0; i<l; i++) {
    elements[i].style.cssText =
      elements[i].style.cssText.replace(/(^|;)\s*font-[^;]+/g,"");
}