原生js如何获取当前页面所有图片url？

Question

我试了下一下

let imgs = document.getElementsByTagName('img');
let imgsUrl = [];
for(let i=0;i<imgs.length;i++){
    imgsUrl.push(imgs[i].url);
}
console.log(imgsUrl);

但为啥是underfine呢？

Answer 1

因为 <img src="">，不是 url。

Answer 2

url -> src

Answer 3

const lsit = Array.from(document.querySelectorAll('img[src]')).map(item=>item.getAttribute('src'))

console.log(list)

Answer 4

emmm... 我给个控制台中最短的？

Array.from($$('img')).map(v=>v.src)

浏览器新一点就不用 Array.from() 了

$$('img').map(v=>v.src)