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

原创 新起点博客  2019-12-19 09:58 
【上云必备】上云仅?102/年

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

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

我们可以使用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.henenseo.com">链接2</a> 
<a href="www.henenseo.com/qa/javascript">链接3</a> <br /><br />
  
  
<script type="text/javascript"> 
  document.write("链接数为:" +  
                  document.links.length); 
</script> 
  
</body> 
</html>
本文地址:https://www.henenseo.com/archives/1660
关注我们:请关注一下我们的微信公众号:扫描二维码新起点博客的公众号,公众号:xinqidian129
版权声明:本文为原创文章,版权归 新起点博客 所有,欢迎分享本文,转载请保留出处!
宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取
【腾讯云】海外1核2G服务器低至2折,半价续费券限量免费领取!

发表评论


表情