如何获取div内的图像网址

时间:2014-07-10 15:51:04

标签: javascript html

这是否可以获取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>

任何人都可以帮我吗?

由于 谢赫

4 个答案:

答案 0 :(得分:4)

试试这个:

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

You may find further information about document here.

答案 1 :(得分:1)

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

答案 2 :(得分:1)

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

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

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

答案 3 :(得分:1)

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

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

如此完整的答案如下。

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