Eliminar todas las imágenes

Question

¿Qué JavaScript eliminará todas las etiquetas de imagen?

Answer 1

UPD: lo siento, esto es una respuesta incorrecta, ver los comentarios. This es una respuesta correcta.

Algo como esto:

images = document.getElementsByTagName('img'); 
for (i = 0; i < images.length; i++) { 
    images[i].parentNode.removeChild(images[i]); 
} 

O una ligera modificación de mi primer intento de responder a esta pregunta: ¿

var images = document.getElementsByTagName('img'); 
var l = images.length; 
for (var i = 0; i < l; i++) { 
    images[0].parentNode.removeChild(images[0]); 
} 

Answer 2

Con jQuery:

$("img").remove(); 

Answer 3

Sin usar bibliotecas externas:

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

O usando jQuery:

$('img').remove(); 

Answer 4

La respuesta anterior sólo eliminará cada segundo de imagen.

Recuerde NodeLists devuelto por getElementsByTagName u otros métodos DOM están 'en vivo'. Eso significa que cuando elimina la imagen 0, las imágenes 1-n se mueven hacia abajo a 0- (n-1); esta es una 'iteración destructiva'.

Para evitar esto, o bien hacer una copia de matriz estática de la NodeList (como la respuesta jQuery está haciendo con eficacia), o, más rápido, simplemente iterar la lista revés:

for (var i= document.images.length; i-->0;) 
    document.images[i].parentNode.removeChild(document.images[i]); 

Answer 5

Esto debería funcionar también:

var images = document.getElementsByTagName('img'); 
while(images.length > 0) { 
    images[0].parentNode.removeChild(images[0]); 
}