Comment obtenir toutes les sources de l'image sur une Page en particulier à l'aide de Javascript

Je suis à l'aide d'un script simple de trouver une image sur une page et d'obtenir sa source. 

function img_find() {
    var img_find2 = document.getElementsByTagName("img")[0].src;
    return img_find;
}

Cependant quand je vais écrire cette fonction sur ma page, il ne trouve que la première image, puis s'arrête. Quelle est la meilleure méthode pour imprimer toutes les images de crs sur la page en cours?
Merci!

  • "il ne trouve que la première image" - document.getElementsByTagName("img")[0] mmm?
  • Ouais, Il va chercher une seule image src à partir d'une page en particulier, même si il ya plusieurs images sur la page.
  • essayait de mettre votre attention sur le [0] qui vous ont-il pour obtenir le 1er élément du tableau.
  • Lorsque vous appelez document.getElementsByTagName("img") vous obtenez un tableau d'éléments contenant de la croix de saint-andré de tous les éléments IMG, et puis, vous obtenez le premier élément de la SRC à l'aide de cette [0].
  • vous question est comme ça: je prends la première image sur la page ([0]), mais il ne trouve que la première image.
InformationsquelleAutor Chris | 2011-04-27
  1. 27

    Vous, en effet, dit le code pour le faire. Ne pas le faire. Il vous suffit de lui faire une boucle sur toutes les images et de pousser à la src de chacun dans un tableau et de retourner un tableau avec toutes les croix de saint-andré à la place.

    function img_find() {
    var imgs = document.getElementsByTagName("img");
    var imgSrcs = [];

    for (var i = 0; i < imgs.length; i++) {
        imgSrcs.push(imgs[i].src);
    }

    return imgSrcs;
}
    • Merci pour cette BalusC mais il ne se charge pas toute img src.
    • Il devrait fonctionner correctement si le document comporte des images. Vous êtes peut-être une mauvaise interprétation de la valeur de retour? Elle retourne un tableau. Ou vous êtes en cours d'exécution-il trop tôt? Le faire sur window.onload ou mettre le script à la fin de corps, juste avant </body>.
    • De se! Une dernière chose: je l'utilise pour écrire le img url sur la page img_find = img_find(); document.write('test'+img_find); mais il résu les résultats comme ceci domain.com/image.png,http://www.domain.com/image.png est-il de toute façon pour les casser? alors peut-être il y a une rupture entre eux.
    InformationsquelleAutor BalusC
  2. 0

    J'ai cherché sur le web pour une solution à cela, peut-être que cela va vous aider si quelqu'un d'autre recherche dans la même. 

    for(var i = 0; i< document.images.length; i++){
document.images[i].style.border = "1px solid #E0FDA6";
}

    Sens, de rechercher toutes les images qui ont un style de balise (frontière dans cet exemple) et de définir toutes les frontières de E0FDA6 (utile pour réinitialiser unique en surbrillance les images), mais je pense que ça peut être utilisée pour tout avec le style de la balise.

    Rg, Anjanka

    InformationsquelleAutor Anjanka
  3. 0

    Il peut vous aider...

    img=document.getElementsByTagName("img");
for(i=0; i<img.length; i++) {
    imgp = imgp + img[i].src + '<br/>'; 
}
document.write(imgp);
    • Il serait utile si vous avez formaté votre code correctement.
    InformationsquelleAutor Ashish Kumar
  4. 0

    Faire simple:

    console.log(document.body.getElementsByTagName('img'));
    InformationsquelleAutor Sam