get img src and name using javascript

Question

I have no experience in javascript. Basically i want to get image src and aria-label name using javascript. I try many scripts on console like this

var image = document.getElementsByClassName("");
var src = image.getAttribute('src');
console.log(src);

but did't get solution. Can any one please tell me how i can get this.

URl is that i want to get using javascript. Thanks

Why there isn't any classes specified?You should use img profpic class. — Luigi Cerone
– Luigi Cerone, Commented Sep 27, 2016 at 12:17
getElementsByClassName returns HTMLCollection, not element... — Rayon
– Rayon, Commented Sep 27, 2016 at 12:18
This is facebook home page. I want to get facebook profile pic and name using javascript. I'v need to use it in my project. — AzKa
– AzKa, Commented Sep 27, 2016 at 12:19
There is no image tag showing in chrome inspector. Are you displaying image as background of i tag? — Gangadhar Jannu
– Gangadhar Jannu, Commented Sep 27, 2016 at 12:20

Anurag · Accepted Answer · 2016-09-27 12:23:42Z

1

Your image is not in src attribute. It is in background-image.

    var image = document.getElementsByClassName("profpic")[0];
    var image= image.css('background-image');
    var src = image.replace('url(','').replace(')','').replace(/\"/gi, "");
    alert(src);

answered Sep 27, 2016 at 12:23

Anurag

1285 bronze badges

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

2 Comments

AzKa Over a year ago

Error VM347:2 Uncaught TypeError: image.css is not a function(…)(anonymous function) @ VM347:2

Luigi Cerone Over a year ago

Because .css() is a jQuery function reference so you should include jQuery in your script.

ahmetemirercin · Accepted Answer · 2016-09-27 12:25:34Z

-1

var elem=document.getElementsByClassName("img profpic")[0];
var match=elem.style.backgroundImage.match(/url\(\"(.*?)\"\)/)

var aria_label=elem.getAttribute("aria-label");
var background_url=match[1];

answered Sep 27, 2016 at 12:25

ahmetemirercin

194 bronze badges

1 Comment

abarisone Over a year ago

Please edit with more information. Code-only and "try this" answers are discouraged, because they contain no searchable content, and don't explain why someone should "try this".

Collectives™ on Stack Overflow

get img src and name using javascript

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related