数据结构
网络
关系数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法学如何在JavaScript中查找文档中锚点的数量？
本文讨论了如何在JavaScript中查找文档中锚点的数量。锚点标签是HTML DOM元素的一部分。anchor属性是一个只读属性，它返回文档内锚点标签的列表。锚点对象表示为<a>。
有两种方法可以获取锚点对象的长度。一种方法是使用anchors.length属性，它返回文档中锚点标签的数量。另一种方法是使用getElementByTagName方法访问锚点标签并使用length属性。两者内部都会计算文档中<a>标签的数量。
语法
下面显示了查找文档中锚点数量的语法。
document.anchors.length or document.getElementsByTagName("a").length
让我们看看这些例子：
示例1
在下面的例子中，使用了三个锚点标签，并使用document.anchors.length显示了它们的长度，如输出所示。
<html>
<body>
<a name="Tutor">Tutorix</a><br>
<a name="Totorial">Tutorialspoint</a><br>
<a name="Totorials">Tutorialspoint private ltd</a><br>
<script>
document.write(document.anchors.length);
</script>
</body>
</html>
执行上述代码后，将生成以下输出。
示例2
以下是一个查找文档中锚点数量的示例程序。
<html>
<head>
<title>How to find the number of anchors in a document in JavaScript</title>
</head>
<h3>To find the number of anchor tags in a document</h3>
<body style = "text-align:center;">
<p>The most popular websites that are used by young generation are :</p>
<a href="#">Google</a> <br/>
<a href="#">Facebook</a> <br/>
<a href="#">Instagram</a> <br/>
<p id="text1"></p>
<script type="text/javascript">
document.getElementById("text1").innerHTML = "The number of anchor tags is : "+document.getElementsByTagName("a").length;
</script>
</body>
</html>
执行上述代码后，将生成以下输出。
示例3
以下是一个计算特定div标签内锚点标签数量的示例程序。
<!DOCTYPE HTML>
<html>
<head>
<title>How to find the number of anchors in a document in JavaScript</title>
<head>
<h3>To find the number of anchor tags in a document</h3>
<body style = "text-align:center;">
<p>The most popular websites that are used by young generation are :</p>
<div id="websites">
<a href="#">Google</a> <br/>
<a href="#">Facebook</a> <br/>
<a href="#">Instagram</a> <br/>
</div>
<p>The most popular cars are :</p>
<div id="Cars">
<a href="#">BMW</a> <br/>
<a href="#">AUDI</a> <br/>
<a href="#">RANGE ROVER</a> <br/>
<a href="#">MARUTI SUZUKI</a> <br/>
</div>
<p id="text1"></p>
<script type="text/javascript">
var count = document.getElementById("Cars").getElementsByTagName("a").length;
document.getElementById("text1").innerHTML = "The number of anchor tags for the mentioned div tag 'Cars' is : "+count;
</script>
</body>
</html>
执行上述代码后，将生成以下输出。
更新于：2022年12月8日
895 次浏览
广告