Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Añadir una imagen al lado de un enlace dinamicamente

Estas en el tema de Añadir una imagen al lado de un enlace dinamicamente en el foro de Javascript en Foros del Web. Tengo un script el cual selecciono una lista de elementos por clase (getElementsByClassName), esos elementos son simples enlaces, etiquetas <a> normales, les he hecho una ...
  #1 (permalink)  
Antiguo 25/07/2013, 10:56
 
Fecha de Ingreso: agosto-2009
Mensajes: 6
Antigüedad: 15 años, 3 meses
Puntos: 0
Pregunta Añadir una imagen al lado de un enlace dinamicamente

Tengo un script el cual selecciono una lista de elementos por clase (getElementsByClassName), esos elementos son simples enlaces, etiquetas <a> normales, les he hecho una modificacion a los mismos, pero ahora lo que quiero es agregarles una imagen al principio o al final.

He intentado modificando el innerHTML poniendole el mismo innerHTML y cerrando la etiqueta </a> pero no me funciona.

Hay alguna manera de agregar lo que sea (en este caso una imagen) al lado de un elemento seleccionado?

Por ejemplo:

Yo tengo esto:

Código HTML:
Ver original
  1. <a href="http://www.google.es" class="enlace"> http://www.google.es</a>
  2. <a href="http://www.forosdelweb.com" class="enlace"> http://www.forosdelweb.com</a>
  3. ...
  4. ..
  5. .
  6. etc

Y quisiera añadir mediante un script junto a cada enlace una imagen, tal que asi:

Código HTML:
Ver original
  1. <a href="http://www.google.es" class="enlace"> http://www.google.es</a> <img src="enlace.png">
  2.  
  3. <a href="http://www.forosdelweb.com" class="enlace"> http://www.forosdelweb.com</a> <img src="enlace.png">
  4. ...
  5. ..
  6. .
  7. etc

Hay alguna forma de hacerlo? he probado con parentNode, pero con eso solo accedo al div padre, pero no a la posicion de cada uno de los enlaces.

Ando un poco atrofiado con esto del javascript, a ver si alguien me puede echar una mano.

Gracias


EDITO, pues he encontrado la solucion usando appendChild. La informacion la encontré aqui por si alguien lo necesita:

http://blog.outbook.es/desarrollo-web/insercion-de-elementos-en-javascript-insertbefore-y-appendchild

Gracias de todas formas.

Última edición por KoLiKoTRoN; 25/07/2013 a las 11:29 Razón: ya lo solucioné

Etiquetas: dinamicamente, enlace, funcion, html, lado
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:09.