如何將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;