JS - comment enlever l'image avec JavaScript?
J'ai fait face à un problème que pour supprimer l'image avec JS
code comme un...
<img src="image.png" id='image_X'>
...
document.getElementById('image_X').src=''
Image reste inchangée 🙁 Donc ma question est comment faire pour supprimer l'image avec JS?
Pour être plus détaillé... Comment modifier l'image de l'attribut src de la valeur dynamiquement?
Tout commentaire est apprécié
source d'informationauteur user592704
Vous devez vous connecter pour publier un commentaire.
http://jsfiddle.net/5DdyL/
Vous pourriez juste le cacher. En vanilla JS:
En jQuery:
Si vous voulez vraiment supprimer de DOM, il est
removeChild
méthode peut invoquer sur l'parentNode
de votre élément de l'image.Cela devrait le faire:
Vous pouvez l'essayer ici.
Vous pouvez soigneusement envelopper dans une fonction comme ceci:
Obtient son parent et de l'utilisation removeChild.
Pour supprimer une image en JavaScript (ou plus généralement de supprimer quoi que ce soit), vous devez d'abord saisir l'élément, puis traverse à son élément parent, alors vous pouvez supprimer l'enfant à l'aide de
removeChild
méthode.Essayez d'utiliser:
document.getElementByID("").style.visibilty="hidden";
lorsque vous ne souhaitez pas afficher l'image et
document.getElementById("").style.visibility="visible";
lorsque vous souhaitez afficher l'image.
Je veux partager quelques conseils supplémentaires...
@Marecky, Merci à Jared Farrish réponse que j'ai pu comprendre certains points utiles concernant JS...
Mais ensuite, j'ai dû faire mes propres recherches supplémentaires aussi bien... C'est pas un super effet, mais un peu de théorie de la pointe... de Sorte que, en conséquence, j'ai pu trouver que les navigateurs, comme toute application de bureau, évidemment, sont créés avec une sorte de GUI cadre... en règle générale, la plupart des GUI (par exemple Swing) les cadres, bien sûr, peut à l'aide de double tampon affichage des objets graphiques... Donc quand il (FF par exemple) re-traduit de script pour les objets graphiques de l'interface graphique des règles de synchronisation viennent à la vie...
...OK... Venant de GUI remise en peinture des problèmes de script lui-même...
Donc ma question a propos de la lecture autour des objets DOM... Le fait est que la balise img n'a pas de mise à jour de l'INTERFACE utilisateur de l'événement si le code comme document.getEelementById('image_X').src=" est activé; de Sorte que le
<body>
balise l'espace (pour certaines raisons) , je ne suis pas sûr, mais, est de garder une sorte de "mise en cache" etat... Et peut-être que le fait de img (si il est dans le corps) devenir "statique"; j'ai Donc dû trouver quelques conseils supplémentaires d'objets qui soutient la dynamique de l'INTERFACE utilisateur de mise à jour. Comme un test, j'ai utilisé de la div au lieu de la pure balise body pour garder img; Donc pas de mise à jour de corps, mais le div contenu interne seulement et qui m'ont aidé. Donc, en utilisant JS + HTML dans mon cas a été utile...J'espère que le conseil sauve ceux jour
Essayer
mais il affiche une image brisée
1) retirez l'élément img en utilisant le nœud parent.
2) Ensuite, les Stocker nœud parent.
3) Ensuite, créer de nouveaux img élément contenu dans le nœud parent.