考慮以下小提琴:http://jsfiddle.net/rf4hV/抓取圖像元素從元素的背景作爲DOM資源
在那裏,我聽的負載爲img
。當圖像加載時,我得到一個event
其中有一個圖像資源的target
。
1)有沒有反正抓住這個資源時,不使用jquery loader?我會怎麼做?
2)我怎樣才能獲取the-div
background-image
的資源?從本質上講,我想從問題1
考慮以下小提琴:http://jsfiddle.net/rf4hV/抓取圖像元素從元素的背景作爲DOM資源
在那裏,我聽的負載爲img
。當圖像加載時,我得到一個event
其中有一個圖像資源的target
。
1)有沒有反正抓住這個資源時,不使用jquery loader?我會怎麼做?
2)我怎樣才能獲取the-div
background-image
的資源?從本質上講,我想從問題1
一個jQuery的方式看到相同的屬性event.target
得到一個元素的背景圖片,並將其添加到其他DOM節點:
$(function() {
var bgimg = $("#the-div").css('background-image').replace(/url\(|\)/g,'');
$("img").attr('src',bgimg);
console.log($("img")[0]);
});
這會給你DOM圖像對象src
屬性設置爲#the-div
的背景。
你也可以做同樣的沒有jQuery的,甚至沒有img
元素添加到了短路電流DOM樹
var thediv = document.getElementById("the-div")
var img = new Image();
img.src = document.defaultView.getComputedStyle(thediv, null).getPropertyValue('background-image').replace(/url\(|\)/g,'');
console.log(img);
現在你有一個DOM對象,你可以訪問它的屬性。
我希望這是你想要的。 如果不從該背景圖像構建DOM對象,則無法將背景圖像作爲DOM對象訪問,但這正是上述示例所做的。
搶這樣? http://jsfiddle.net/rf4hV/1/ – 2013-05-01 01:30:42
不完全。我正在尋找圖像的屬性,並從'#the-div'而不是'img' – Jacksonkr 2013-05-01 02:09:49
要找哪個圖片的屬性?如果你在我的答案中顯示了背景圖像的URL,那麼你可以從圖像本身提取所有其他屬性,這樣做不是嗎? – 2013-05-01 02:13:13