从div获取img元素的src？

Question

我想在HTML中获取img元素的src.它看起来像这样:

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

当我在img中放入一个ID时非常简单,并且很容易得到这个src.

但问题是当我从div元素获得img的src时.

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

我需要在字符串中获取此URL.但不值得.

Answer 1

为什么不尝试这样的事情:

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

有关使用getElementsByTagName的更多信息,您可能需要查看:

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

有一些错误检查,我没有在这里做,但我只是想告诉你如何做到这一点.

Answer 2

或者更简单：

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

为我工作