Get string attribute of a tag in 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

Thanks, I retrieve the string by: str1=document.getElementById("images").innerHTML but I'm not very good at javascript! — Masood Hosseini
– Masood Hosseini, Commented Jun 30, 2013 at 9:05

Kabie · Accepted Answer · 2013-06-30 08:20:17Z

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"]);
    }
}

answered Jun 30, 2013 at 8:20

Kabie

10.7k1 gold badge40 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Austin Brunkhorst Over a year ago

why not use the shorter object syntax? imgs[i].style.display

imulsion · Accepted Answer · 2013-06-30 09:16:35Z

0

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.

edited Jun 30, 2013 at 9:16

answered Jun 30, 2013 at 8:04

imulsion

9,07620 gold badges59 silver badges85 bronze badges

3 Comments

Austin Brunkhorst Over a year ago

Note that he is looking for the src of the display: inline img.

imulsion Over a year ago

@AustinBrunkhorst have now put it in a function. Happy?

Austin Brunkhorst Over a year ago

Did you even read his question? He doesn't know the ID of the image with the display inline property. Making it a function doesn't make a difference from what you originally had.

Collectives™ on Stack Overflow

Get string attribute of a tag in Javascript

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related