如何在javascript中将<img/>标记的图像检索到变量中？

Question

如何获取<img>标记的图像并将其存储在javascript（或等效的jquery）变量中？

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

Answer 1

您可以为图片指定id，然后执行：

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

或使用jQuery

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

Answer 2

jQuery具有.prop（）vs .attr（）的特定用途，因此请务必阅读： http://api.jquery.com/attr/

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

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

然后您可以将该变量移入另一个图像的源中：

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

Answer 3

使用attr（）或prop（）获取图像标记的src。 喜欢这个

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

检查.attr()和.prop()

Answer 4

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

问候

Answer 5

使用Jquery attr属性获取图像的src属性

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

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

通过id属性应用的注释样式不适用于img标记

Answer 6

我最好使用JavaScript，使用两个图像ID。

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

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