欢迎来到[自学php网] ①群 AG亚游集团

AG亚游集团 > 网站前端 > javascript >

如何使用JS获得页面上所有标签

来源:未知 ?? 时间:2018-10-19 14:47?作者:小飞侠

[导读] 最近忙的一匹,忙着大保健,都来不及写博客,今天特意抽出点时间来写一写 前两天看到一个题,是问如何从页面上获取所有的标签的并查看他们的数量,感觉还是有点意思的,所以给...

最近忙的一匹,忙着大保健,都来不及写博客,今天特意抽出点时间来写一写

  前两天看到一个题,是问如何从页面上获取所有的标签的并查看他们的数量,感觉还是有点意思的,所以给大家来搞一下子

  我们先来捋捋思路,那要从页面上获取标签,不用说我们肯定会想到DOM操作,那获取到了之后呢,我们又不确定某个元素有没有子元素,那怎么办呢,这个时候我们肯定会想到递归啊

  那现在我们有了DOM操作和递归就好办了,就可以直接写代码了,下面是代码,写了注释,大家可以拉下去参考一下


<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
</head>
<body>
 <ul></ul>
</body>
</html>
<script>
 var map = {};
 /采用递归调用的方法,比较方便和简单。
 function fds(node) {
  if (node.nodeType === 1) {
   /这里我们用nodeName属性,直接获取节点的节点名称
   var tagName = node.nodeName;
   /判断对象中存在不存在同类的节点,若存在则添加,不存在则添加并赋值为1
   map[tagName] = map[tagName] ? map[tagName] + 1 : 1;
  }
   /获取该元素节点的所有子节点
  var children = node.childNodes;
  for (var i = 0; i < children.length; i++) {
   /递归调用
   fds(children[i])
  }
 }
 fds(document);
 console.log(map)
</script>

以上就是如何使用JS获得页面上所有标签所有教程

最新文章

点击排行

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号@版权所有AG亚游集团

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

京媒:温格若来中超值得期待 不管成绩肯定赚钱 名宿:皇马变弱巴萨变强了 他接班C罗当老大太难 工信部:上半年移动流量资费比去年底降46.2% 现实版破产姐妹!德国女医生竟把阿拉伯马养在屋里 财政部副部长:正抓紧起草完善房地产税法律草案 陈龙海成上海逆转功臣 复出首秀就拿全场最佳 赵岩昊晒自拍照 球迷调侃:跟郭士强长得太像 美国宇航局将在2021年放飞首架火星无人直升机 高通第三财季营收56亿美元 净利润增至12亿美元 揭秘中英法签核电项目协议全程:文本超3000页 杜特尔特称无惧美国拒售武器 将从友国得到5千支枪 黑客组织:加拿大曾向运动员强索冬奥选拔赛费用
巴尔韦德:巴萨踢得不享受 还没进4强小心翻车 媒体评“严书记”风波发酵:信息不对称难辞其咎 俄克里米亚大桥将开放通行 普京将出席通车仪式 Facebook盘后股价重挫逾20% 营收三年来首次逊… 菲律宾汽车炸弹爆炸事件已致10死 包含6名士兵 阿富汗东部发现IS埋尸坑 至少10名平民遗体被发掘 韩国炸锅 朴槿惠李明博崔顺实40年前同框照曝光 中国男子职业赛全年将超20站 李今亮:巅峰未来可期 生育愿望低迷 9省市人口出生率自然增长率双降 马云的第5个博士学位 由香港特首颁发 云南上百学生打工遭“炒人力”:被转手4次才进厂 缅甸将从8月1日起执行废钞令?总统府发言人辟谣
英媒:美国新制裁临近 伊朗货币跌至历史新低 维斯塔潘:与梅奔圈速差0.3秒是可以接受的 易信金融:关注美国2月CPI数据 关注美元未来走势命运 新华社:朝韩开通首脑热线 半岛北南“静候佳音” 在外吃饭请注意 这些钱你不用给 曝巴黎已敲定新帅人选 将签约两年 最快今日宣布 对抗后我军飞行员后怕:还敢喊首战用我 用我必胜? 意大利佩鲁贾发生7.1级地震 獐子岛否认扇贝苗播种前死亡 称播种全过程受控 月薪过万十大冷门职业 在中国发横财七大方法 2017做什么生意有前景 挣钱最多的行业 AG亚游集团