在Javascript中获取标记的字符串属性

Question

I need some help to extract the inline image source (in this case #3) from the string below in javascript, then encapsulate and send it to 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">

Is there an easy way to do it please? thanks

Answer 1

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

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

Answer 2

Easy. Use DOM:

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

The variable src will hold the value of the src attribute in your tag. Do this for all of the tags that need their src elements extracted. You will probably need to use AJAX to pass this to PHP.