js字符串怎么正则匹配img的src并替换,但不更改style

使用正则表达式可以匹配并替换JS字符串中的img标签的src属性，而不会更改其style属性。

首先，我们可以使用正则表达式来匹配img标签的src属性值。在正则表达式中，我们可以使用\<img\s[^\>]*src=['"]([^'"\s]+)['"][^\>]*\>匹配img标签，并将src属性的值捕获到一个分组中。

接下来，我们可以使用正则表达式的replace方法来替换字符串中的img标签。例如，我们可以使用str.replace(\<img\s[^\>]*src=['"][^'"\s]+['"][^\>]*\>, function(match) { return match.replace('src=', 'data-src='); })将img标签的src属性替换为data-src属性。

最后，我们可以再次使用正则表达式来从替换后的字符串中提取出img标签的style属性，并将其重新添加回替换后的img标签中。例如，我们可以使用str.replace(\<img\s[^\<]*\>, function(match) { return match.replace('/>', ' style="..."/>'); })将img标签的style属性重新添加回替换后的img标签中。

通过以上步骤，我们可以实现在不更改img标签的style属性的前提下，匹配并替换JS字符串中img标签的src属性。