JS如何获取所有img src标签

JS可以通过以下几种方式获取所有img src标签：

1. 使用document.getElementsByTagName方法获取所有img标签，然后遍历获取每个img标签的src属性值。

var imgTags = document.getElementsByTagName('img');
var srcList = [];
for (var i = 0; i < imgTags.length; i++) {
  srcList.push(imgTags[i].src);
}
console.log(srcList);

1. 使用document.querySelectorAll方法结合CSS选择器获取所有img标签，然后遍历获取每个img标签的src属性值。

var imgTags = document.querySelectorAll('img');
var srcList = [];
imgTags.forEach(function(img) {
  srcList.push(img.src);
});
console.log(srcList);

1. 使用jQuery库的选择器功能获取所有img标签，然后遍历获取每个img标签的src属性值。

var srcList = [];
$('img').each(function() {
  srcList.push($(this).attr('src'));
});
console.log(srcList);

以上方法可以获取到页面中所有img标签的src属性值，并将其存储在一个数组中。这样可以方便地对这些src进行进一步的处理或使用。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器CVM：https://cloud.tencent.com/product/cvm
• 云函数SCF：https://cloud.tencent.com/product/scf
• 云数据库MySQL：https://cloud.tencent.com/product/cdb_mysql
• 云存储COS：https://cloud.tencent.com/product/cos
• 人工智能AI：https://cloud.tencent.com/product/ai
• 物联网IoT Hub：https://cloud.tencent.com/product/iothub
• 区块链BCS：https://cloud.tencent.com/product/bcs
• 元宇宙：https://cloud.tencent.com/product/metaspace