document.links return only links with specific href?

Question

I know that I can return an array like so:

var links = document.links.

I could then loop through the array for where the href attribute = /somehref

My question is is there some nifty shortcut when creating links var? Something to the effect of:

var links = document.links[href='/somelink']

Thus negating the need for a for loop?

Elements with href='/somelink' can be both <a> elements and <button> elements. Prefer a lazy, efficient ay to return instances of both into one array, as opposed to running a command twice and combining the arrays

You could use `document.querySelectorAll("a[href='/somelink']")` to get back a list of the `` nodes. — Pointy, Nov 12 '15 at 15:23
Ah, sorry yes you're right I was reading the html too quickly. Just one more follow up, if you will. Some links have a trailing slash some do not. Is there a way to account for this in a oner? document.querySelectorAll("a[href='/somelink']") or document.querySelectorAll("a[href='/somelink/']"). Put another way href contains "somestring"? — Doug Fir, Nov 12 '15 at 15:31
Found it: http://stackoverflow.com/questions/8714090/queryselector-wildcard-element-match — Doug Fir, Nov 12 '15 at 15:33
The attribute value selector can do that: `[href^="/somelink"]` matches "href" attributes whose value starts with the given string. — Pointy, Nov 12 '15 at 15:34

Zakaria Acharki · Accepted Answer · 2015-11-14T23:07:50.717

2

You can Get the URL of the element with id, example id="myLink" in the document:

var my_link = document.links.namedItem("myLink").href;

Or you can use querySelectorAll() like @Pointy mentioned in comment :

var my_link = document.querySelectorAll("a[href='/somelink']");

Hope this helps.

edited Nov 14 '15 at 23:07

answered Nov 12 '15 at 15:25

Zakaria Acharki

63,488
15
64
88

document.links return only links with specific href?

1 Answers1