如何将javascript标签的图像检索到变量中？

Question

如何获得<img>标记的图像并将其存储在JavaScript中的变量（或等价的jQuery）中？

（实际上我想交换两个<img>标签之间的图像）。

Answer 1

的jQuery有.prop（）VS .attr特定用途（），所以一定要对阅读起来： http://api.jquery.com/attr/

但是，一旦你分配一个图像的src给一个变量：

var img1_src = $("img#image1").attr("src"); 

然后，您可以采取的变量，并将其推到另一个图像的来源：

$('img#img2').attr('src', img1_src); 

Answer 2

你可以分配id的图像，并执行：

var img_src = document.getElementById("your_image_id").src; 

或使用jQuery

var img_src = $("img#your_image_id").prop("src"); 

Answer 3

使用ATTR（）或道具（）来获取图像标签的src。 像这样

$('#imageId').attr('src'); 

检查.attr()和.prop()

Answer 4

var src = document.getElementsByTagName('img')[0].src; 

问候

Answer 5

使用jQuery ATTR的属性，让您的图像的src属性通过ID应用

<img src="#" class="my_img"></img> 

var img = $('.my_img').attr('src'); 

注意风格属性不是pplicable到的img标签

Answer 6

我会做到这一点与JavaScript最好使用这两个图像ID。

var img1_src = document.getElementById("img1_id").src; 

document.getElementById("img2_id").src = img1_src;