js 遍历img标签获取图片源
时间: 2024-06-16 15:03:11 浏览: 223
js简单遍历获取对象中的属性值的方法示例
在JavaScript中,可以使用DOM操作来遍历img标签并获取图片源。以下是一种常见的方法:
1. 首先,可以使用`document.getElementsByTagName`方法获取所有的img标签元素,返回一个HTMLCollection对象。
```javascript
var imgElements = document.getElementsByTagName('img');
```
2. 然后,可以使用for循环遍历HTMLCollection对象,并通过`getAttribute`方法获取每个img标签的src属性值。
```javascript
for (var i = 0; i < imgElements.length; i++) {
var src = imgElements[i].getAttribute('src');
console.log(src);
}
```
这样就可以将每个img标签的图片源打印出来或进行其他操作。
阅读全文