替换正则表达式中的 img 元素 src 属性

Question

解决了它，以防有人需要它在这里

var feed = feeds.entries[i].content;
var parsedFeed = feed.replace(/src=/gi, "tempsrc=");
var tmpHolder = document.createElement('div');
tmpHolder.innerHTML=parsedFeed；

我有一个包含 html 标记的字符串，其中包括

我想对字符串运行正则表达式，将每个 src attr 替换为 tmpSrc，

这样

 <img src='path.jpg'/>

将变成，

 <img tmpSrc='path.jpg'/>

顺便说一下，这是在 javascript 中

，这是在其他地方发布的根本问题，但尚未解决已解决

浏览器为 jQuery 解析 HTML，而不加载资源

如何在不加载的情况下解析 AJAX 响应资源？

谢谢

Answer 1

如果这是您控制的字符串，而不是从网页检索的 HTML，那么您确实可以安全地使用正则表达式。要将所有出现的 更改为 ，您可以使用以下操作：

var str = "<img src='path.jpg'/>";   // whatever your source string is
str = str.replace(/<img src=/gi, "<img tempSrc=");

其他发帖者所说的是正则表达式不好用于从网页检索的 HTML，因为不同的浏览器返回不同形式的 HTML，因此很难可靠地匹配它。但是，如果您尝试替换的字符串在您自己的控制之下并且您可以知道它的格式，那么这个正则表达式应该可以正常工作。

Answer 2

使用 RegExp 操作 HTML 很容易出错。

如果您可以忍受在页面中包含 jQuery：

$('img').each(function() {
    var src = this.src;
    $(this).attr('tmpSrc', src).removeAttr(src);
});

Answer 3

function replace() {
    var images = document.getElementsByTagName('img'),
        srcValue,
        max
        i;

    for (i = 0, max = images.length; i < max; i++) {
       srcValue = images[i].getAttribute('src');
       images[i].setAttribute('tmpSrc', srcValue);
       images[i].removeAttribute('src');
    }
}

Answer 4

作为字符串：

input = " <img src='path.jpg'/>"; 
output = input.replace("src","tmpSrc"); 

使用 DOM：

    e = document.getElementById("theimg");  
    e.tmpSrc = e.src;
   e.removeAttribute("src");

Answer 5

查看这篇 帖子，解释使用正则表达式的问题解析 HTML。这很棘手，而且可能不值得付出努力。我认为没有任何方法可以保证有效。