javascript正则表达式将所有img src替换为数据src

javascript regex to replace all img src with data-src

本文关键字：src 替换 数据 img 正则表达式 javascript      更新时间：2023-09-26

我想用数据src替换所有img src，这是我的模式：

(<img.*?)src

但这个也匹配数据src，所以当我在循环中使用时，它会输出类似的东西

<img data-data-data-data-data-data-data-data-data-data-data-data-data-data-src="..">

有什么帮助吗？

不要为此使用regexp。只是

var images = document.querySelectorAll('img');
for (var i = 0; i < images.length; i++) {
  var img = images[i];
  img.dataset.src = img.src;
  img.src = '';
}

(<img.*?)[^-]src可以工作，但正则表达式试图获得最长的匹配，因此

(<img[^>])[^->]src

会更正确。

正面看广告会对有帮助

<img(?![^>'n]*data-src)[^>'n]*src

Regex Demo

相关文章：