Get src of img element from div?

Question

I want to get the src of the img element in HTML. It looks like this:

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

It's very simple when I put an ID in img, and get this src very easy.

But the problem is when I get src of img from div element.

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

I need to get this URL in string. But not worth.

Answer 1

Why not try something like this:

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

For more on using getElementsByTagName you may want to look at:

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

There is some error checking I didn't do here, but I am just trying to show how you can do it.

Answer 2

Or even simpler :

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

Works for me