如何使用JavaScript显示html中存在的链接数？

最新推荐文章于 2023-04-11 21:44:33 发布

m0_66319974

最新推荐文章于 2023-04-11 21:44:33 发布

阅读量267

点赞数

文章标签： javascript html webview

本文链接：https://blog.csdn.net/m0_66319974/article/details/122440691

版权

想要使用JavaScript显示html文档中存在的链接数，可以使用Document对象的Links属性和length属性。下面本篇文章就来给大家介绍一下，希望对大家有所帮助

在浏览器中加载的任何网页都可以由Document界面表示。它用作DOM树的入口点，DOM树包含所有元素，如<body>、<title>、<table>、<a>等。

我们可以使用document()构造函数创建Document对象。这些Document对象有许多属性。其中一个属性就是Links。Links属性提供Document文档中所有<area>元素和<a>元素的集合。还有一个属性是length属性。length属性告诉我们document.links数组中存在的链接数。因此，document.links.length语句可以为我们提供了HTML文档中存在的链接数。

下面的HTML文档包含一段javascript代码，它告诉文档中存在的链接数：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>使用JavaScript显示html中存在的链接数</title>
</head> 
  
<body> 
<a href="#">链接1</a> 
<a href = "www.html.cn">链接2</a> 
<a href="www.html.cn/qa/javascript">链接3</a> <br /><br />
  
  
<script type="text/javascript"> 
  document.write("链接数为：" +  
                  document.links.length); 
</script> 
  
</body> 
</html>