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

想要使用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.0133.cn">链接2</a> 
<a href="www.0133.cn/qa/javascript">链接3</a> <br /><br />
  
  
<script type="text/javascript"> 
  document.write("链接数为:" +  
                  document.links.length); 
</script> 
  
</body> 
</html>

效果图:

214cfedd88c4bec7d990df6750353e6.png-600

以上就是如何使用JavaScript显示html中存在的链接数?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 答疑