從DOM

2015-06-28 35 views
0

的元素(屬性)檢索HTML鑑於:從DOM

var imageURL1 = $(".Img1").attr("src"); 

如果我提醒imageURL1,我有這樣的:

[object Object] 

可以說,我想要檢索的真正價值URL,並以我可以放入的方式傳遞給另一個變量,例如一個新屬性src

<img class="Img2" src= "'+imageURL1+ '" alt="etc..etc.." /> 

這不工作,因爲該網址將成爲http://[Object/Object]或相似。

如何獲取HTML的值並創建URL?

+1

不確定翻譯問題?是否需要設置或獲取'img'元素的'src'屬性? – guest271314

+0

我想獲取url值並轉換爲html ... imageURL1是一個變量。如何獲得它內部的URL的價值,並將其傳遞給另一個圖像? –

+0

所以,而不是看到[對象對象]我得到一個真正的URL ...在那裏的HTML ..Dontk現在如何解釋對不起。字符串? –

回答

1

您正在使用的代碼返回一個代表jQuery選擇器的Object。

var imageURL1 = $("Img1").attr("src"); 

如果你給你img一個id 「IMG1」 這將工作,使用以下命令:

var imageURL1 = $("#Img1").attr("src"); 
alert(imageURL1); 

https://jsfiddle.net/40yufa1g/

+0

嗨,卡洛斯。我設置了一個類圖像不是選擇器,但現在它不給結果。空白,。你想在這裏看到網頁? http://www.paolobergomi.it/new-gallery/night/ var share1 = $(「.lb-image」)。attr(「src」); \t alert(share1); –

+0

它的工作原理是,因爲jQuery'$(「.lb-image」)'返回一個選擇器,所有元素都以「lb-image」作爲類名,所以你需要使用id。如果你只是想要這個類的第一個元素,你可以執行'$(「。lb-image」)[0] .attr(「src」);'。希望這可以幫助。 – Carlos

+0

對不起,像這樣的設置使消失的所有片段:( –

0

一個設置,讓img元素src屬性的方法是利用document.images[index],其中index是一個整數,表示在document

內選定的 img元素的基於0的索引

// get `src` of first `img` element within `document` 
 
var imgURL1 = document.images[0].src; 
 
// set `src` of second `img` element within `document` 
 
document.images[1].src = imgURL1; 
 
// log `imgURL1` 
 
console.log(imgURL);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
</script> 
 
<img src="http://lorempixel.com/50/50/nature" /> 
 
<img src="" />

+0

謝謝,我會盡力讓你知道 –

+0

嗨,謝謝,我設置了這種方式,但它需要的第一個圖像,我的品牌的網址,並取代第一個圖像我的gfallery有一個擴大的品牌。有一種方法可以採取.lb-image類img和共享URL?這是我的目標,非常感謝 –

+0

這不工作,不知道,但它似乎是正確的.. var imgURL1 = document.getElementsByClassName(「lb-image」)。getAttribute(「src」); –

0

你可能有多個圖像與類「IMG1」,這就是爲什麼jQuery的返回一個對象。

+0

,但正如您在燈箱中看到的(您可以從我的網站庫中查看)獲得您打開的圖像,它會創建一個新的div與圖像內部的.lb-image類並顯示在屏幕的中心,訣竅是獲得該值並將其傳遞給任何一個。這是棘手的問題,我無法排序到目前爲止。無論如何,要求幫助 –

+0

這應該工作。只有一個磅圖像,一旦我點擊單一的拇指,與圖像選擇和打開在頁面的中心相關的一個。所以爲什麼不工作,這個???? var imgURL1 = document.getElementsByClassName(「lb-圖像 「)的getAttribute(」 SRC「); –