how to get the href value of a div using javascript

Question

when i input the command

document.getElementsByClassName('grid')[5] :

i get this :TEST

HOwever i struggle finding how to get the href value (a link here), i have thought about using GetAttribute but it does no work

You can try something like this: document.getElementsByClassName('grid')[5].getElementsByTagName('a')[0].href — Scotty Jamison, Jun 15 '21 at 23:47
Does this answer your question? [Get local href value from anchor (a) tag](https://stackoverflow.com/questions/15439853/get-local-href-value-from-anchor-a-tag) — dale landry, Jun 15 '21 at 23:58

score 1 · Answer 1 · answered Jun 16 '21 at 00:03

That's because you're selecting the <div> parent instead of <a>, div's doesn't have href attribute.

You can get the href by doing:

const $parentDiv = document.querySelectorAll('.grid')[5];
const $anchor = $parentDiv.querySelector('a');
console.log($anchor.href);

score 0 · Answer 2 · answered Jun 16 '21 at 00:26

0

You can use children property to get the tag, and get the href thereafter

answered Jun 16 '21 at 00:26

Kinta

If you could explain the process with an example, it'll be good for everyone. – Yohan Malshika Jun 16 '21 at 02:15

score 0 · Answer 3 · answered Jun 16 '21 at 02:35

There are 2 ways how you can do that

1 -

You can add an id attribute to the <a> tag and then use document.getElementById("yourid").getAttribute("href");

2 =

As mentioned by Eliabe Franca -

const $parentDiv = document.querySelectorAll('.grid')[5];
const $anchor = $parentDiv.querySelector('a');
console.log($anchor.href);

What this does is that it first gets the .grid[5] element and then gets the first <a> in it. The last line will help you get the href value.

3 Answers3