javascript - 在Javascript中获取标签的字符串属性

Question

我需要一些帮助来从下面的 javascript 字符串中提取内联图像源（在本例中为 #3），然后封装并将其发送到 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">

请问有简单的方法吗？谢谢

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

简单的。使用 DOM：

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

该变量src将保存src标签中属性的值。对所有需要src提取其元素的标签执行此操作。您可能需要使用 AJAX 将其传递给 PHP。