×

JavaScript显示html中存在的链接数

作者:andy0012019.12.26来源:Web前端之家浏览:1591评论:0
关键词:jslink

在浏览器中加载的任何网页都可以由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>

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js820934809238409.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • vag13

    不错,正好遇到这个问题,感谢分享...

  • 访客

    第三方的闪光点复合弓...

  • Web前端之家

    后续会出vue3.0教程呢,等待~~...

  • qiqndu

    VUE3.0没教程吗,可以出些啊...

  • Web前端之家

    已加上。...

  • 访客

    交换友情链接,网址http://www.wzjskf.com/关键词:seo网站优化e.g:...

  • 访客

    首先是大学生的...

  • 访客

    发个当...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2020 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.5 Valyria