使用Javascript從DOM中提取所有圖像

Question

如何使用Javascript在HTML DOM中提取所有img標記的scr值？

<img src='this_value'> 

Answer 1

以下內容適用於所有主流瀏覽器（例如IE8 +）。有關querySelectorAll()和兼容性表的更多信息，請參閱MDN。

var imgs = document.querySelectorAll('img'); 
var src = []; 
for(var i = imgs.length; i--;) { 
    src.push(img.src); 
} 

編輯

爲在@RobG @KernelJames的意見，並提供更好的瀏覽器支持建議的替代方法：使用jQuery

var imgs = document.images; 
var src = []; 
for(var i = imgs.length; i--;) { 
    src.push(img.src); 
} 

Answer 2

：

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