Nuevo div antes de cada imagen

[freedatos]

Hola amigos estoy recorriendo el DOM de una pagina obteniendo cada imagen. ¿ como podria poner un div antes de cada etiqueta <img con javascript?

Asi obtengo todas las imagenes:

Código PHP:

  var images = document.getElementsByTagName('img'); 
                var srcList = [];
                for(var i = 0; i < images.length; i++) {
                    srcList.push(images[i].src);
                } 
   

Pero como poner un <div antes de cada imagen?


gracias!

[Alexis88]

¿Quieres insertar cada <div> en la lista o insertarlos en el DOM antes de cada imagen y en qué momento?

[PHPeros]

¿Te refieres a algo así?

Código Javascript:

var images = document.getElementsByTagName('img');
 
[].forEach.call(images, function(v){
    v.parentNode.insertBefore(document.createElement('div'), v);
});
 

Simplemente obtienes el nodo padre de cada imagen y utilizas insertBefore para insertar una nueva instancia de div. También podrías usar insertAdjacentHTML.

[freedatos]

lo probare gracias