如何获取div内的图像网址

Question

这是否可以获取DIV内的图像URL

例如

<div id="smallImage" style="display: block;">
<img width="270" height="270" alt="Vitra" name="large" src="http://example.com/598441_m2.jpg" style="display: block;">
</div>

我想在javascript中阅读此内容。即在newImg.src中

<script>
var newImg = new Image();
newImg.src = " ?? ";
</script>

任何人都可以帮我吗？

由于 谢赫

Answer 1

试试这个：

var myImgSrc = document.getElementById("smallImage").getElementsByTagName("img")[0].src;

You may find further information about document here.

Answer 2

您可以像fiddle一样使用document.querySelectorAll。

Answer 3

如果不使用jQuery - http://jsfiddle.net/FyBbY/

var image_source = document.querySelector('#smallImage img').src

var newImg = new Image();
newImg.src= image_source;

Answer 4

newImg.src = document.getElementsByName("large")[0].src;

添加此行并且它将起作用，您不必仅为此使用jQuery。

如此完整的答案如下。

<script>
var newImg = new Image();
newImg.src = document.getElementsByName("large")[0].src;
</script>