Получить строковый атрибут тега в Javascript

Question

мне нужна помощь, чтобы извлечь источник рядного изображения (в данном случае # 3) из строки ниже в JavaScript, а затем инкапсулировать и отправить его в PHP:

<img width="100" id="1" style="display: none;" src="http://col.stb00.s-msn.com/i/4E/5EA45CFEC5FF5726D86E65CEE815D.jpg"> 
<img width="100" id="2" style="display: none;" src="http://col.stb01.s-msn.com/i/36/59F78F98816E925C8A18FBCF013D5.jpg"> 
<img width="100" id="3" style="display: inline;" src="http://col.stb00.s-msn.com/i/6F/D11A5421FDC5E8C5CEA4D19BCC7A5.jpg"> 
<img width="100" id="4" style="display: none;" src="http://col.stb00.s-msn.com/i/88/B51A1462A325FF345AC442688F7A8.jpg"> 
<img width="100" id="5" style="display: none;" src="http://col.stb01.s-msn.com/i/39/8A811756CB49259F65032AB9F1D78.jpg"> 

Есть ли простой способ сделать это, пожалуйста? thanks

Answer 1

Простой. Использование DOM:

function getSrc(id) 
{ 
    var src = document.getElementById(id).src; 
} 

Переменная src будет содержать значение атрибута src в теге. Сделайте это для всех тегов, которые нуждаются в извлеченных элементах src. Вам, вероятно, понадобится использовать AJAX для передачи этого PHP.

Answer 2

var imgs = document.getElementsByTagName('img'); 

for (var i=0; i<imgs.length; i++) { 
    if (imgs[i]["style"]["display"] === "inline") { 
     console.log(imgs[i]["src"]); 
    } 
}