在页面加载时替换所有img src-Javascript

我试图替换我页面上的所有imgsrc，当它们有一个特定的url时。到目前为止，我能够记录所有替换的img src，但我的最后一步是在我的页面上更改它们

function replaceMyImgs() {

// put live url here
var liveUrl = "via.placeholder.com";

// find the local url
var localUrl = "testdomain.com";

// replace the local url for the live url
var newUrl = localUrl.replace(/testdomain.com/g, liveUrl);

// console.log(newUrl);

// get all images and push them in an empty array
var imgs = document.getElementsByTagName("img");
var imgSrcs = [];

for (var i = 0; i < imgs.length; i++) {
  imgSrcs.push(imgs[i].src);
}

imgSrcs.forEach(function(src) {
   // log all the found img srcs
   var newSrc = src.replace(/testdomain.com/g, liveUrl);

   imgs.src = newSrc;

   console.log(imgs.src);

 });

}

window.onload = replaceMyImgs;

函数replaceMyImgs（）{
//在此处放置实时url
var liveUrl=“via.placeholder.com”；
//查找本地url
var localUrl=“testdomain.com”；
//替换实时url的本地url
var newUrl=localUrl.replace（/testdomain.com/g，liveUrl）；
//console.log（newUrl）；
//获取所有图像并将其放入空数组中
var imgs=document.getElementsByTagName（“img”）；
var imgSrcs=[]；
对于（变量i=0；i

---

请参见我的笔：

您可以在for循环中执行以下替换操作，而不是将所有元素推入一个数组中：

// get all images
var imgs = document.getElementsByTagName("img");

for (var i = 0; i < imgs.length; i++) {
  var newSrc = imgs[i].src.replace(/testdomain.com/g, liveUrl);
  imgs[i].src = newSrc;
  console.log(imgs[i].src);
}

//获取所有图像
var imgs=document.getElementsByTagName（“img”）；
对于（变量i=0；i

您正在设置

src

，有什么问题吗？您应该迭代img，并为每个img使用setAttribute（“src”，newSrc）。@JagdeeshKumar在哪里看到jQuery？可能是@Brad的副本，记录新src的确实有效。是否需要另一个操作来实际更改浏览器中的图像？这正是我要找的！非常感谢。