Cómo conseguir todas las fuentes de imagen en una página determinada usando Javascript

Question

estoy usando un script sencillo para encontrar una imagen en una página y obtener su fuente.

function img_find() { 
    var img_find2 = document.getElementsByTagName("img")[0].src; 
    return img_find; 
} 

Sin embargo, cuando voy a escribir esta función en mi página, solo encuentra la primera imagen y luego se detiene. ¿Cuál es la mejor manera de hacer que imprima todos los src de imagen en la página actual? Gracias!

Answer 1

Si lo necesitas contaste el código para hacerlo. No hagas eso. Solo dígale que recorra todas las imágenes y presione el src de cada una en una matriz y devuelva la matriz con todos los srcs.

function img_find() { 
    var imgs = document.getElementsByTagName("img"); 
    var imgSrcs = []; 

    for (var i = 0; i < imgs.length; i++) { 
     imgSrcs.push(imgs[i].src); 
    } 

    return imgSrcs; 
} 

Answer 2

He buscado en toda la web una solución a esto, quizás esto ayude si alguien más busca lo mismo.

for(var i = 0; i< document.images.length; i++){ 
document.images[i].style.border = "1px solid #E0FDA6"; 
} 

Significado, buscar todas las imágenes que tienen etiqueta de estilo (la frontera en este ejemplo) y establecer todas las fronteras a E0FDA6 (útil para restablecer las imágenes resaltadas individuales), pero supongo que se puede utilizar para todo, con la etiqueta de estilo.

Rg, Anjanka

Answer 3

Puede ayudarle ...

img=document.getElementsByTagName("img"); 
for(i=0; i<img.length; i++) { 
    imgp = imgp + img[i].src + '<br/>'; 
} 
document.write(imgp); 

Answer 4

que sea sencillo:

console.log(document.body.getElementsByTagName('img'));