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

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() 与 .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;