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<a href="http://www.google.es" class="enlace"> http://www.google.es
</a> <a href="http://www.forosdelweb.com" class="enlace"> http://www.forosdelweb.com
</a> ...
..
.
etc
Y quisiera añadir mediante un script junto a cada enlace una imagen, tal que asi:
Código HTML:
Ver original<a href="http://www.google.es" class="enlace"> http://www.google.es
</a> <img src="enlace.png">
<a href="http://www.forosdelweb.com" class="enlace"> http://www.forosdelweb.com
</a> <img src="enlace.png"> ...
..
.
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.