Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/07/2013, 10:56
KoLiKoTRoN
 
Fecha de Ingreso: agosto-2009
Mensajes: 6
Antigüedad: 15 años, 7 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é