Getting attribute from class using javascript?

Question

How would I get the attribute 'src' from the following tag:

<div class="entry"><img width="300" height="200" src="http://domain/myimg.jpg" alt="text" /></div>

Multiple ways of getting the src of that element. What have you tried so far? Can you give that element an ID? If so you can access the src by: document.getElementById('ImageID').src; — NewToJS
– NewToJS, Commented May 7, 2015 at 21:51
Do you have access to jquery? If so, just use $('div.entry img').attr('src') to get the source attribute. — Alexander
– Alexander, Commented May 7, 2015 at 22:00

Sjors · Accepted Answer · 2015-05-08 18:46:36Z

2

I would recommend using an ID for the 'entry' element (or directly on the image element) instead of a class.

If that's not possible use this:

var x = document.querySelector('.entry img');
alert('src: ' + x.getAttribute('src'));

answered May 8, 2015 at 5:54

Sjors

1,2151 gold badge8 silver badges25 bronze badges

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

1 Answer 1