Supprimer toutes les images

Question

Qu'est-ce que JavaScript va supprimer tous les tags d'image?

Answer 1

UPD: désolé, cela est une mauvaise réponse, voir les commentaires. This est une réponse correcte.

Quelque chose comme ceci:

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

OU une légère modification de ma première tentative de répondre à cette question:

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

Answer 2

Avec jQuery:

$("img").remove(); 

Answer 3

Sans l'utilisation de bibliothèques externes:

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

Ou en utilisant jquery:

$('img').remove(); 

Answer 4

La réponse précédente ne supprime chaque seconde image. Rappelez-vous que NodeLists retourné par getElementsByTagName ou d'autres méthodes DOM sont 'live'. Cela signifie que lorsque vous supprimez l'image 0, les images 1-n descendent à 0- (n-1); c'est une «itération destructrice».

Pour éviter cela, faites une copie de tableau statique de la NodeList (comme la réponse jQuery fait efficace), ou, plus rapide, juste itérer la liste arrière:

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

Answer 5

Cela devrait fonctionner aussi:

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