【发布时间】：2014-07-29 23:54:33
【问题描述】：
我正在处理图像繁重的 HTML 代码。问题是，这些图像带有我想删除的多余内联样式。这是一个例子：
<img src="Resources/Images/Desktop Advanced Manual 0 Welcome/3000186.png" style="z-index: 67;visibility: visible;mso-wrap-style: square;mso-width-percent: 0;mso-height-percent: 0;mso-wrap-distance-left: 9pt;mso-wrap-distance-top: 0;mso-wrap-distance-right: 9pt;mso-wrap-distance-bottom: 0;mso-position-horizontal: absolute;mso-position-horizontal-relative: text;mso-position-vertical: absolute;mso-position-vertical-relative: text;mso-width-percent: 0;mso-height-percent: 0;mso-width-relative: page;mso-height-relative: page;margin-left: 0.3pt;width: 346px;height: 113px;" />
虽然搜索和替换会很棒，但宽度和高度以及左边距等会随着每张图像而变化。
我一直在做的是去每个<img> 标签，删除每个标签中的内联样式并将其替换为class="screenshot"。
完成后，代码如下所示：
<img src="Resources/Images/Desktop Advanced Manual 0 Welcome/3000186.png" class="screenshot" />
很棒 - 但是数百个文件中有数百个图像。
有人有办法更有效地做到这一点吗？我一点也不精通 PHP 或 JavaScript。也许一些很棒的正则表达式会有所帮助？
【问题讨论】：
-
正则表达式几乎出现在每种编程语言中。你打算用哪一个？如果您决定了，请向我们展示一些尝试。
-
删除图像元素并将其添加回来..是解决方案之一...否则您必须在每个 css 属性上使用 jquery 来取消它
-
你确定——就像死定的——你要用正则表达式来做这个吗？如果是这样，您的正则表达式引擎的风格是什么？
-
哦，完全没有死，确定我想用正则表达式来做这件事。我愿意接受任何对此有所帮助的事情——但请记住，我不是一个铁杆编码员。我是一名在线帮助开发人员。
-
您是想在每次将 HTML 加载到浏览器中时即时执行此操作（这将是大量密集的重复处理），还是只在源代码中提前执行一次文件，以便在每次将 HTML 加载到浏览器时开始永久分离样式？