Javascript在HTML元素中查找和替换样式属性

Question

我需要搜索HTML字段并将<img style>的任何实例替换为<img style = display: block>。

我有这个工作在该领域的第一次出现。但是，这只适用于第一次出现我需要能够循环通过它们来替换每一个。

我应该如何构建循环来完成此任务？

注意：我正在使用ServiceNow，因此我需要使用常规JavaScript而不使用库（例如jQuery） 起始码如下：

var note = current.work_notes; // Get contents of the HTML field in ServiceNow similar to getElementByID
var noteStyle = note.replace("\<img style\=\"", "\<img style\=\"display\: block\; ");  

Answer 1

您似乎正在执行本地替换而不是全局替换。这意味着您从您提供的源字符串中找到第一个实例，而全局replace将产生要更改的源字符串中的所有实例。

为此，您需要将代码更改为如下所示，以便它包含对全局replace字符串的必要命令：

var note = current.work_notes; // Get contents of the HTML field in ServiceNow similar to getElementByID
var noteStyle = note.replace(/\<img style\=\"/g, "\<img style\=\"display\: block\; ");