js 遍历img标签获取图片源

在JavaScript中，可以使用DOM操作来遍历img标签并获取图片源。以下是一种常见的方法：

1. 首先，可以使用`document.getElementsByTagName`方法获取所有的img标签元素，返回一个HTMLCollection对象。

var imgElements = document.getElementsByTagName('img');

2. 然后，可以使用for循环遍历HTMLCollection对象，并通过`getAttribute`方法获取每个img标签的src属性值。

for (var i = 0; i < imgElements.length; i++) {
  var src = imgElements[i].getAttribute('src');
  console.log(src);
}

这样就可以将每个img标签的图片源打印出来或进行其他操作。

相关问题

前端如何获取页面全部img图片

可以使用JavaScript的方法来获取页面全部img图片。具体操作如下：

1.获取所有img标签：

var imgList = document.getElementsByTagName("img");

2.遍历imgList，获取每个img标签的src属性值：

for (var i = 0; i < imgList.length; i++) {
var src = imgList[i].getAttribute("src");
console.log(src);
}

3.获取到的src值即为图片的链接地址，可以将其交给后端进行处理。

注意，如果页面中存在懒加载等技术，可能需要额外的处理方式。

js怎么修改img图片的路径

你可以使用JavaScript来修改img标签中的src属性，代码示例如下：

// 获取所有的img标签
var imgs = document.getElementsByTagName('img');

// 遍历每个img标签
for (var i = 0; i < imgs.length; i++) {
  // 修改图片路径
  imgs[i].src = '新的图片路径';
}

需要注意的是，修改图片路径需要保证新的路径是正确的，否则图片将无法显示。