7
votes

Comment cacher toutes les images à l'aide de JavaScript?

Je suis injectant du code JavaScript dans un site Web pour une utilisation personnelle, à l'aide d'une extension Google Chrome ... Je souhaite cacher toutes les images avant la chargement de la page ... J'ai le script à courir avant tout ce qui est chargé , mais ne peut pas sembler obtenir le code correct pour masquer la gamme d'images ... quelque chose comme: xxx

essentiellement je veux que toutes les balises d'image soient style = "Affichage: Aucun" ajouté aux attributs. Comment puis-je faire cela?


0 commentaires

4 Réponses :


17
votes

Vous devez faire boucle sur eux

var images = document.getElementsByTagName('img');
for (i = 0; i < images.length;i++ ) {
    images[i].style.display = "none";
}


2 commentaires

Pourquoi sur Terre diriez-vous getelementsbytagname sur chaque itération? Je suppose que vous vouliez faire images [i] ... dans le corps de la boucle ...


@San Kinsey: Merci d'avoir attrapé cela, j'ai oublié de le changer avant de coller le code ici.



5
votes

amr a la façon de le faire avec JavaScript. Si vous ajoutez jQuery à la page, cela ne prend qu'une ligne xxx


0 commentaires

-2
votes

Vérifiez ceci: http://ncthakur.itgo.com/js09.htm

Ce n'est pas exactement que cherchez-vous, mais vous pouvez en utiliser une partie de celui-ci.

Cela m'a fallu 7 secondes pour le trouver sur Google;)


0 commentaires

1
votes

Le code ci-dessous ne cache-t-il que des images de tous les éléments d'image xxx pré>

mais si les images sont affichées à l'aide de CSS? Solution pour tous les éléments p>

p>

<img src="https://image.shutterstock.com/image-photo/aerial-view-main-faisal-mosque-600w-1242735640.jpg" width="100" height="100">
<div class="image"></div>
<div> To show images plz comment/remove js </div>


0 commentaires