parsing html attributes of tag javascript

Question

I ran into the following situation and am not able to figure out the solution, i am new to javascript, and I tried to search the internet, but couldn't find a viable solution. 1) I want to get attributes of the tag queried for. For example if I have a tag as follows

<a href = "pqr/dl/"> docName </a>

how do I get the value of href? By doing

el.getElementsByTagName("a")[0].childNodes[0].nodeValue

I can get only the value of the tag, i.e., "docName" by doing this.

2) How do I query for the "img" tag? I have an image tag as follows

<img src = "/icons/alpha.gif" alt="[DIR]">

if I do

console.log(el.getElementsByTagName("img")[0].childNodes[0].nodeValue)

it is printing "null" on the console. I need the values of src and alt.

Thanks in advance

You can either use getAttribute method, or refer to the property directly with its name. Notice, that (exceptionally) a.toString() also returns the value of href attribute. — Teemu
– Teemu, Commented Jun 29, 2015 at 7:07

Alin Pandichi · Accepted Answer · 2015-06-29 07:12:57Z

4

You need to use the method Element.getAttribute(). See https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute

var href = el.getElementsByTagName("a")[0].childNodes[0].getAttribute("href");
var src = el.getElementsByTagName("img")[0].childNodes[0].getAttribute("src");
var alt = el.getElementsByTagName("img")[0].childNodes[0].getAttribute("alt");

edited Jun 29, 2015 at 7:12

answered Jun 29, 2015 at 7:06

Alin Pandichi

9555 silver badges16 bronze badges

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

Comments

ozil · Accepted Answer · 2015-06-29 07:10:29Z

2

you can use getAttribute() method.

var href = document.getElementsByTagName("a")[0].getAttribute("href");
var scr = document.getElementsByTagName("img")[0].getAttribute("src");
var alt = document.getElementsByTagName("img")[0].getAttribute("alt");

alert('href:' +href+'         scr:'+scr+'            alt:'+alt);

<a href = "pqr/dl/"> docName </a>

<img src = "/icons/alpha.gif" alt="[DIR]">

answered Jun 29, 2015 at 7:10

ozil

7,1639 gold badges38 silver badges61 bronze badges

Comments

Endre Simo · Accepted Answer · 2015-06-29 07:10:01Z

1

Try:

document.querySelectorAll("a")[0].getAttribute('href');

and for image:

document.querySelectorAll("img")[0];

answered Jun 29, 2015 at 7:10

Endre Simo

11.6k3 gold badges44 silver badges52 bronze badges

Collectives™ on Stack Overflow

parsing html attributes of tag javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related