JavaScript 显示文档中链接的数量

在浏览器中加载的任何网页都可以用Document接口表示。这是DOM树和DOM树包含所有元素的入口点，如，，，等。我们可以使用Document()构造函数创建一个Document对象。

这些Document对象有许多属性。其中一种属性是links。links属性给出了文档中所有元素和元素的集合。另一个属性是length属性。length属性告诉我们文档中links数组中链接的数量。

所以，document.links.length语句给出了文档中链接的数量。下面的HTML文档包含了一段JavaScript代码，告诉了文档中链接的数量。

示例1： 在这个示例中，我们将在控制台上打印链接的数量。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        Display the number of links present 
        in a document using JavaScript
    </title>
</head>
 
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
     
    <h3>
        Display the number of links present 
        in document
    </h3>
 
    <a href="www.geeksforgeeks.org">
        GeeksforGeeks Home Page
    </a>
     
    <a href="practice.geeksforgeeks.org">
        GeeksforGeeks Practice
    </a>
 
    <script>
        console.log("Number of links: " 
            + document.links.length);
    </script>
</body>
</html>

输出：

JavaScript 显示文档中链接的数量

示例2： 在这个示例中，我们将打印文档上的链接数量。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        Display the number of links present
        in a document using JavaScript
    </title>
</head>
 
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
 
    <h3>
        Display the number of links present
        in document
    </h3>
    <p>
        <a href="www.geeksforgeeks.org">
            GeeksforGeeks Home Page
        </a>
    </p>
    <p>
        <a href="practice.geeksforgeeks.org">
            GeeksforGeeks Practice
        </a>
    </p>
 
    <button onclick="fun()">
        Click Here to Get Number of Links
    </button>
 
    <p id="gfg"></p>
 
    <script>
        function fun() {
            document.getElementById('gfg')
                .innerHTML = "Number of links: " +
                document.links.length;
        }
    </script>
</body>
</html>

输出：

JavaScript 显示文档中链接的数量