Obtenir img src de l'élément de div?

Je veux obtenir le src de l'élément img en HTML. Il ressemble à ceci:

<div class="image_wrapper" id="this_one">
        <img src="Images/something.jpg" />
</div>

C'est très simple quand je mets un ID dans img, et d'obtenir ce src très facile.

Mais le problème est quand je reçois img src de partir élément div.

var someimage = document.getElementById('this_one').firstChild.getAttribute("src");
alert(someimage);

J'ai besoin d'obtenir cette URL dans chaîne. Mais pas la peine de.

Ce que vous obtenez dans someimage ?

OriginalL'auteur user1477082 | 2012-06-23

  1. 23

    Pourquoi ne pas essayer quelque chose comme ceci:

    var someimage = document.getElementById('this_one');
var myimg = someimage.getElementsByTagName('img')[0];
var mysrc = myimg.src;

    Pour en savoir plus sur getElementsByTagName vous pouvez regarder:

    https://developer.mozilla.org/en-US/docs/Web/API/Element/getElementsByTagName

    Il y a certains de vérification des erreurs, je n'ai pas à faire ici, mais j'essaie simplement de montrer comment vous pouvez le faire.

    Merci à vous. son travail
    Il travaille également pour définir myimg.style.widht = '..px';

    OriginalL'auteur James Black

  2. 4

    Ou encore plus simple : 

    document.getElementById('yourimageID').getElementsByTagName('img')[0].src

    Fonctionne pour moi

    OriginalL'auteur Nato

  3. 1

    Le problème, c'est que vous avez les caractères d'espacement entre les div et img balises. C'est pourquoi le premier élément de la div n'est pas l'image mais le texte - ce qui n'a pas de méthode getAttribute.

    Vous pouvez supprimer les espaces et l'utilisation de votre js comme il était:

    <div class="image_wrapper" id="this_one"><img src="Images/something.jpg" /></div>

    il sera de travail:

    var someimage = document.getElementById('this_one').firstChild.getAttribute("src");
alert(someimage);

    Vous pouvez obtenir la balise d'image à partir de votre div à l'aide de getElementsByTagName('img') comme suit:

    var divEl = document.getElementById('this_one'),
    src = divEl.getElementsByTagName('img')[0].src;

    Ci-dessus permettra de résoudre votre tâche.

    Plus vous pouvez obtenir à partir d'ici Les Scripts Des Documents, je vous conseille de lire ce chapitre.

    OriginalL'auteur babinik

  4. 1

    Je sais que la question est posée pour les js qui a été répondu, pour jquery

    var image = $('#this_one img')[0];       //$('#this_one img') this will return the img array. In order to get the first item use [0]
var imageSrc = image.src;
alert(imageSrc);

    Il pourrait être utile pour quelqu'un qui regarde de la même façon en jquery.

    OriginalL'auteur Sivakumar

  5. 1

    Tout d'abord, au lieu d'utiliser element.firstChild , utilisez element.children[0] . Aussi, au lieu de element.getAttribute('src') , utilisez element.src .

    Espère que cette aide,

    Awesomeness01

    OriginalL'auteur Awesomeness01

  6. -1

    Pourquoi avons-nous besoin pour utiliser jQuery si nous pouvons obtenir l'img src dans le document en querySelector?

    Essayez ceci:

    document.querySelector('[src*="Images/something.jpg"]')

    P. S.: jQuery dispose de 94 kb minimisé la taille du fichier. Merci de ne pas inclure, sauf si il y a une exigence.

    OriginalL'auteur Sakhi Mansoor