получить фоновое изображение тега с помощью DOM

Question

Использование DOM, я хочу показать изображение в новом HTML-страницу из <a> тега через ид упомянутый ..

<a class="lazy clogo" id="newphoto0" href="javascript:;" title="abc" onclick="openGall('phouter', '0612PX612.X612.100906141758.C1U8', 'newphoto0');" data-original="http://content4.jdmagicbox.com/patna/u8/0612px612.x612.100906141758.c1u8/catalogue/10729ad97cafdc32d7957a5729aefb17.jpg" style="background: url(http://content4.jdmagicbox.com/patna/u8/0612px612.x612.100906141758.c1u8/catalogue/10729ad97cafdc32d7957a5729aefb17.jpg) 50% 50%/cover no-repeat;"><span class="rghtimgarw"></span></a>  

<a class="lazy clogo" id="newphoto1" href="javascript:;" title="xyz" onclick="openGall('phouter', '0612PX612.X612.130831165451.V7J7', 'newphoto2');" data-original="http://content2.jdmagicbox.com/patna/j7/0612px612.x612.130831165451.v7j7/catalogue/c2e023156401eedfa089b18d9595f623.gif" style="background: url(http://content2.jdmagicbox.com/patna/j7/0612px612.x612.130831165451.v7j7/catalogue/c2e023156401eedfa089b18d9595f623.gif) 50% 50%/cover no-repeat;"><span class="rghtimgarw"></span></a> 

Я попытался с:

$picks=$dom-> getElementById("newphoto".$i)->getAttribute('style'); 
    $photo=$picks->nodeValue; 
    echo $photo; 

но его не работает, потому что URL-адрес изображения упоминается в inline css ..!

более подробно: У меня есть html-страница, откуда я хочу захватить все изображения с помощью идентификатора тега. Я не уверен, как захватить изображение url и эха с помощью getvaluebyId?

Answer 1

Вы можете использовать .css(), чтобы получить значение фонового изображения вместе с .replace() отфильтровывать другую часть:

$('#newphoto0').css('background-image').replace('url(','').replace(')',''); 

и

$('#newphoto1').css('background-image').replace('url(','').replace(')',''); 

Update: Чтобы получить все адреса в массиве

$(".lazy.clogo").map(function(){ 
    return $(this).css('background-image').replace('url(','').replace(')',''); 
}).get();