Get an "a" element with a certain href

[Shorty]

How can you get an <a> element that has a certian href?
Is it possible? Thanks!!!

[RedBassett]

Jul 30, 2012 8:10:39 GMT -8 Shorty said:

How can you get an <a> element that has a certian href?
Is it possible? Thanks!!!

var elements = document.getElementsByTagName('a');
for (var i = 0; i < elements.length; i++) {
if (elements.href=='something') {
// Code
}
}

[Shorty]

Alright. So can I use this method to add something after a button?

[RedBassett]

With a little more DOM manipulation, yes.

[Shorty]

What do you mean?

[RedBassett]

If you want to insert it after (not inside) and a element, you will need to insert whatever you want to add as the next child of the parent element (I believe, thanks to JQuery I haven't done any of this in a while).

[Shorty]

Oh okay. I kind of thought that is what you meant. Alright probably noobish but say i want to set that certain link as a variable. Would do this?

var elements = document.getElementsByTagName('a');
for (var i = 0; i < elements.length; i++) {
if (elements.href=='something') {
var link = elements;
}
}

[RedBassett]

Yes

[Shorty]

And I would put the rest I my code outside the brackets or inside? Sorry! And thank you again!

[RedBassett]

Depends on what you are doing. If you are just doing something simple, yes. If you want to reference the element later, no. The variable will stay in scope outside the loop.

[Shorty]

Okay. So of I want to reference it later should I put the code right below the link variable or between the two closing brackets?

[RedBassett]

Doesn't really matter where.

Either way, the variable will still be available later on.