Count number of links on a Page with JavaScript

In this tutorial we will learn How To Count number of links on a Page with JavaScript. We can use links property and length property to count total number of links present on a document or a page.

Table of Contents

links property

links property returns the collection of all links on HTML page.

In this example we have used links property to get all links tag present on the page.

length property

length property counts the number of HTML elements in an object.

In this example, length property is used to count all links returned by the links property.

HTML Code

HTML Code is given below, in this code we have 10 links element and a button tag to count them.


<!DOCTYPE html>
<html>
<head>
<title>JavaScript Count number of links on a Page</title>            
</head>             
<body>
    
<a href='#'>One</a>    
<a href='#'>Two</a>    
<a href='#'>Three</a>    
<a href='#'>Four</a>    
<a href='#'>Five</a>    
<a href='#'>Six</a>    
<a href='#'>Seven</a>    
<a href='#'>Eight</a>    
<a href='#'>Nine</a>    
<a href='#'>Ten</a>

<br><br>

<button onclick="countLinks()">Count All Links</button>    
    
<script src="script.js"></script>    
</body>
</html>

JavaScript Code

Take a look at the JavaScript code, In this code user defined function countLinks() will count the total links on document.

alert() method is used to display the total count of links.

links property returns all a tag and area tag with href attribute.

a tag and area tag without href attribute are not included.


<script>
function countLinks()
{
    var totalLinks = document.links.length;
    alert(totalLinks);
}
</script>

Demo

Check Demo

Video Tutorial

Watch video tutorial on How To Count number of links using JavaScript.