正则把<img src="**">替换成<img data-original="**">把img标签中的src属性名称替换成data-o

Posted 2023-02-22

img标签中可能有其他属性像<img style="**" alt="**" src="**">，只替换img标签中的src属性名称,其它标签中有src属性不能被替换，用正则匹配替换。不用JS

var str='<img src="x" /><div><img src="x">y<IMG SRC="X">';
str=str.replace(/<img([\s\S]*?)src\s*=\s*(['"])([\s\S]*?)\2([^>]*)>/gi,'<img$1data-orgional=$2$3$2$4>'); 参考技术A 正则表达式:(<img.*)src= 替换成$1 data-original=
你既然不用javascript语言,我就给你个Java语言的例子,你看看吧.
完整的Java替换程序如下:
public class A
public static void main(String[] args)
String str="<img style=\"**\" alt=\"**\" src=\"**\">";
String regex="(<img.*)src=";
System.out.println(str.replaceAll(regex,"$1 data-original="));


运行结果:
<img style="**" alt="**" data-original="**">

用js的正则把img src替换成img data-original把img标签中的src属性名称替换成data-original

只改img里的，其他src不更改，麻烦写成js

参考技术A var str='<img src="x" /><div><img src="x">y<IMG SRC="X">';
str=str.replace(/<img([\s\S]*?)src\s*=\s*(['"])([\s\S]*?)\2([^>]*)>/gi,'<img$1data-orgional=$2$3$2$4>');追问

这个是写在一个js里然后html里调用吗?还是直接写到html里？