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, Sep 27 '16 at 12:17
`getElementsByClassName` returns `HTMLCollection`, not element... — Rayon, Sep 27 '16 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, Sep 27 '16 at 12:19
There is no image tag showing in chrome inspector. Are you displaying image as background of i tag? — Gangadhar Jannu, Sep 27 '16 at 12:20

score 1 · Answer 1 · answered Sep 27 '16 at 12:23

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 '16 at 12:23

Anurag

128
5

**Error** VM347:2 Uncaught TypeError: image.css is not a function(…)(anonymous function) @ VM347:2 – AzKa Sep 27 '16 at 12:27
Because .css() is a jQuery function [reference](http://api.jquery.com/css/) so you should include jQuery in your script. – Luigi Cerone Oct 03 '16 at 08:45

score -1 · Answer 2 · answered Sep 27 '16 at 12:25

-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 '16 at 12:25

ahmetemirercin

19
4

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". – abarisone Sep 27 '16 at 14:23

get img src and name using javascript

2 Answers2