entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

3votos

como obtener todas las rutas de mis imagenes

en mi pagina tengo 10 imagenes me gustaria poder obtener a travez de javascript todas las rutas, el codigo que empleo para hacer esto solo me retorna solo una y cuando trato de hacerlo por consolelog retorna valor undefined.


imgs = document.getElementsByTagName('img')
for(x=0; x<imgs.length; x++){document.write(imgs[x].src)}

1 Respuesta

2votos

Leonardo-Tadei Puntos227320

Hola @algoritmico,

este código javaScript devuelve todas las rutas de las imágenes de un documento HTML:

imgs = document.images; // vector con las imágenes del DOM
for (x=0;x<imgs.length;x++)
{
  console.log(imgs[x].src);
}

No aparecerán imágenes que estén cargadas como backgrounds de CSS.

Saludos cordiales

1voto

steven comentado

disculpa pero retorna undefined en consola, lo puedes comprobar tu mismo si lo haces en cualquier pagina

1voto

Leonardo-Tadei comentado

Copio y pego mi código en la este misma web y obtengo:

"http://entredesarrolladores.com/qa-theme/dude/images/mini-logo.png"
"http://entredesarrolladores.com/?qa=image&qa_blobid=1867494556372955729&qa_size=38"
"http://entredesarrolladores.com/?qa=image&qa_blobid=6689889392790081484&qa_size=60"
"http://entredesarrolladores.com/?qa=image&qa_blobid=1867494556372955729&qa_size=40"
"http://entredesarrolladores.com/?qa=image&qa_blobid=6689889392790081484&qa_size=30"
"http://entredesarrolladores.com/?qa=image&qa_blobid=1867494556372955729&qa_size=40"
"http://entredesarrolladores.com/?qa=image&qa_blobid=6689889392790081484&qa_size=40"
"http://entredesarrolladores.com/?qa=image&qa_blobid=11142488364248230563&qa_size=40"
"http://entredesarrolladores.com/?qa=image&qa_blobid=1867494556372955729&qa_size=40"
"http://entredesarrolladores.com/?qa=image&qa_blobid=14833321193480171604&qa_size=40"
"http://entredesarrolladores.com/?qa=image&qa_blobid=6689889392790081484&qa_size=40"
"http://entredesarrolladores.com/?qa=image&qa_blobid=11142488364248230563&qa_size=40"
"http://entredesarrolladores.com/?qa=image&qa_blobid=6689889392790081484&qa_size=40"
"http://entredesarrolladores.com/?qa=image&qa_blobid=17844861026688266668&qa_size=40"
"http://entredesarrolladores.com/?qa=image&qa_blobid=6689889392790081484&qa_size=40"
"http://entredesarrolladores.com/?qa=image&qa_blobid=11142488364248230563&qa_size=40"
"http://entredesarrolladores.com/?qa=image&qa_blobid=16853860179404776125&qa_size=40"
"http://entredesarrolladores.com/?qa=image&qa_blobid=1867494556372955729&qa_size=35"
"http://entredesarrolladores.com/?qa=image&qa_blobid=13962492696497445610&qa_size=35"
"http://entredesarrolladores.com/?qa=image&qa_blobid=1034085547354937465&qa_size=35"
"http://entredesarrolladores.com/?qa=image&qa_blobid=13973440216192839860&qa_size=35"
"http://entredesarrolladores.com/?qa=image&qa_blobid=8256651965660913659&qa_size=35"
"http://entredesarrolladores.com/?qa=image&qa_blobid=11142488364248230563&qa_size=35"
"http://entredesarrolladores.com/?qa=image&qa_blobid=11142488364248230563&qa_size=50"
"http://entredesarrolladores.com/?qa=image&qa_blobid=16853860179404776125&qa_size=50"
"http://entredesarrolladores.com/?qa=image&qa_blobid=1309139809962599591&qa_size=50"
"http://entredesarrolladores.com/?qa=image&qa_blobid=11142488364248230563&qa_size=50"
"http://entredesarrolladores.com/?qa=image&qa_blobid=2065920674897179999&qa_size=50"
"http://entredesarrolladores.com/?qa=image&qa_blobid=11142488364248230563&qa_size=50"
"http://entredesarrolladores.com/notices-img/na-ad.jpg"
"http://entredesarrolladores.com/qa-theme/dude/images/mini-logo.png"

aparece un primer "undefined" que es la salida de respuesta la función, que no devuelve nada...

Si en vez de en un console.log lo agragás a un DIV lo verás en la página de salida:

   ...
   document.getElementById('elDIV').innerHTML += imgs[x].src;
   ...

1voto

steven comentado

he seguido tus instrucciones, lo inserto en un div pero me muestra solo una ruta.


var imgs = document.images;
var nuevodiv = document.createElement('div');
document.body.appendChild(nuevodiv);
var divs = document.getElementsByTagName('div')

for(x=0; x<imgs.length; x++){divs[14].innerHTML = imgs[x].src}
output : "file:///F:/xamp/htdocs/beta/estables/media/img/foto%20(6).jpg"
//nota: obtengo el mismo resultado cuando utilizo documentwrite
// tengo 14 imagenes en la misma carpeta

1voto

Leonardo-Tadei comentado

Copiá y pegá @algoritmico, estás poniendo = en vez de += como te indico.
Con = se reemplaza el valor, con += se agrega a lo existente...

1voto

steven comentado

ok lo resolvi gracias

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta