Javascript Element How to - Loop through all links from a page








Question

We would like to know how to loop through all links from a page.

Answer


<!DOCTYPE html>
<html>
<body>
  <a id="foo" href="#">foo</a>
  <a id="foo2" href="#">foo</a>
  <a id="foo3" href="#">foo</a>
  <a id="foo4" href="#">foo</a>
<script type='text/javascript'>
<!--   ww w  . j  a v a 2  s .c  om-->
    for(var prop in document.links){
        console.log(prop + ': ' + document.links[prop]);
    }
    console.log(document.links.foo.innerHTML);

</script>
</body>
</html>

The code above is rendered as follows: