Javascript getAttribute returns null for image

Question

I am trying to get the value of an image using this code:

image = doc.querySelector("img.product-pic-image").getAttribute("src");

I keep getting null.

Here is the DOM:

Thanks.

Have you verified that doc.querySelector("img.product-pic-image") at least returns the image? I'm not sure what doc is, but did you mean document? — dmeglio
– dmeglio, Commented Mar 16, 2016 at 13:21
As stated by j08691 please make sure your using document.querySelector, not doc.querySelector. https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector — Craig Stroman
– Craig Stroman, Commented Mar 16, 2016 at 13:28
The content of that page is sand boxed in an iframe, you won't be able to access it using the page's dom. document gives you access to the pages, dom, each iframe has their own encapsulated dom. — Ron Sims II
– Ron Sims II, Commented Mar 16, 2016 at 13:30

Festim Cahani · Accepted Answer · 2016-03-16 13:29:15Z

1

Try this snippet, it may help you:

var x = document.getElementsByClassName("product-pic-image")[0].src;

answered Mar 16, 2016 at 13:22

Festim Cahani

3174 silver badges18 bronze badges

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

3 Comments

It returns undefined... @hacketo

have you tried the edited question with index in the end:

it picks the image an index zero...I want to pick all the images...how to do this? @Godfather