在JavaScript中，如果您需要使用正则表达式来匹配并修改HTML中的<img>标签，同时清除这些标签内的行内样式，可以采用以下步骤实现。这个过程涉及字符串的解析和替换，尽管直接操作HTML字符串不是最推荐的做法（使用DOM操作更安全和高效），但在某些特定场景下，如处理字符串化的HTML内容，这种方法依然有其用途。

1. 匹配<img>标签

首先，我们需要构造一个正则表达式来匹配<img>标签，包括可能存在的属性，但主要关注于行内样式（即style=...`部分）。一个基本的正则表达式可能如下所示：

const imgTagRegex = /<img\s+[^>]*?style\s*=\s*["']([^"']*)["'][^>]*?>/gi;

这个正则表达式的意思是匹配<img>标签，其中可能包含任何数量的空白字符（\s+），接着是style属性，后面跟着等号和引号包裹的任何数量的非引号字符（即样式内容），然后是更多直到>的任意字符。

2. 清除行内样式并修改标签

接下来，我们将使用正则表达式来查找所有匹配的<img>标签，并通过回调函数来清除行内样式，同时保留其他属性不变。

function removeInlineStyles(htmlContent) {
    const imgTagRegex = /<img\s+[^>]*?style\s*=\s*["']([^"']*)["'][^>]*?>/gi;
    return htmlContent.replace(imgTagRegex, function(match, p1) {
        // p1 是匹配到的行内样式值，这里我们忽略它，直接构造不含style属性的新img标签
        const styleLessMatch = match.replace(/style\s*=\s*["'][^"']*["']/gi, ''); // 移除style属性
        return styleLessMatch;
    });
}

const originalHtml = '<img src="image.jpg" alt="example" style="width: 100px;">Some text<img src="image2.jpg" style="height: 200px;">';
const cleanedHtml = removeInlineStyles(originalHtml);
console.log(cleanedHtml);

这段代码定义了一个removeInlineStyles函数，它接受一段包含HTML内容的字符串，然后使用正则表达式匹配所有的<img>标签，并通过替换函数移除每个匹配中的style属性。这样，返回的字符串中所有<img>标签的行内样式都将被清除，而其他属性和标签结构保持不变。

注意事项

• 正则表达式匹配HTML有其局限性，尤其是在处理复杂嵌套或格式不规范的HTML时，可能会出现问题。因此，尽量在已知格式良好的HTML上使用。
• 使用DOM解析器（如DOMParser）处理HTML是更安全和强大的方法，特别是在复杂的操作场景下。但对于简单任务，正则表达式提供了一种快速的解决方案。
• 本示例仅处理了<img>标签的行内样式，如果需要处理其他标签或更多样式，可以相应调整正则表达式和处理逻辑。

通过上述方法，您可以有效地在JavaScript中利用正则表达式匹配并修改<img>标签，同时清除其行内样式，以满足特定的处理需求。