Get links from an document element

Miroslav Stampar [MCSD.NET / Security+] · Jun 2, 2007

I need to get all links from an document element. In sample below how
can i get link to "www.google.com" from element with ID="here"

<html>

<head>

<title></title>

<script>
function bla()
{
window.alert("HELLO");
}
</script>

</head>

<body>
<td id="here">
<a href="http://www.google.com">Google</a>
</td>

<script>
document.getElementById("here") ........................WHAT?
</script>

</body>

</html>

Please help.

RobG · Jun 2, 2007

I need to get all links from an document element. In sample below how
can i get link to "www.google.com" from element with ID="here" [...]
<body>
<td id="here">
<a href="http://www.google.com">Google</a>
</td>

<script>
document.getElementById("here") ........................WHAT?
</script>

Assuming that you have valid HTML, the trivial solution is:

var hereTd = document.getElementById('here');
var hereHref = hereTd.getElementsByTagName('a')[0].href;

BinnyVA · Jun 2, 2007

Hi

I need to get all links from an document element. In sample below how
can i get link to "www.google.com" from element with ID="here"

RobG's solution should work fine. However, if you have a big list of
urls on the page and you want them all, you need to do this...

var links = document.getElementsByTagName("a");
for(var i = 0; i<links.length; i++) {
//Do whatever you want with the links
alert(links.href)
}

http://developer.mozilla.org/en/docs/DOM:document.getElementsByTagName
- getElementsByTagName() Reference

VK · Jun 2, 2007

Hi> I need to get all links from an document element. In sample below how

can i get link to "www.google.com" from element with ID="here"

Click to expand...

RobG's solution should work fine. However, if you have a big list of
urls on the page and you want them all, you need to do this...

var links = document.getElementsByTagName("a");
for(var i = 0; i<links.length; i++) {
//Do whatever you want with the links
alert(links.href)

}

A caveat is that it you will get all anchors as well ( like <a
name="section3"> )
For each document on the parsing stage two collections are being
automatically created:
document.links - with all links so all A with HREF attribute set
document.anchors - all A with NAME attribute set
IMO on big documents, rather than using a rather resource consuming
getElementsByTagName it is more straightforward to use these pre-
sorted collection:

var lnk = document.links;
var len = lnk.length;
for (var i=0; i<len; i++) {
// do what you need with
// lnk
}

Miroslav Stampar [MCSD.NET / Security+] · Jun 2, 2007

RobG, you are the man

. I owe you.

Thank you all for your time spent.

RobG je napisao/la:

I need to get all links from an document element. In sample below how
can i get link to "www.google.com" from element with ID="here" [...]
<body>
<td id="here">
<a href="http://www.google.com">Google</a>
</td>

<script>
document.getElementById("here") ........................WHAT?
</script>

Click to expand...

Assuming that you have valid HTML, the trivial solution is:

var hereTd = document.getElementById('here');
var hereHref = hereTd.getElementsByTagName('a')[0].href;

Sort by number of characters	1	Nov 2, 2023
Only one table shows up with the information	2	Mar 29, 2023
JavaScript code not working!!	6	Jun 13, 2023
Script to send email not working	1	Apr 10, 2023
Song requests	4	Aug 16, 2023
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Javascript DOM	1	Mar 29, 2023

Get links from an document element

Miroslav Stampar [MCSD.NET / Security+]

RobG

BinnyVA

VK

Miroslav Stampar [MCSD.NET / Security+]

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads