欢迎来到[自学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

堀田由美:《棋魂》拍网剧起初不安 之后反而期待 国常会新定调:要巨额罚款犯罪者入狱 长生连发4公告 PTA 远月合约仍有上行空间 热身-大连超越1-5首尔衣恋 张健破门建功 特朗普钢铝关税或导致美国汽车售价上涨300美元 大明宝钞做展品 德国货币博物馆道尽千年金钱史 台媒:重男轻女导致印度每年约24万名女童死亡 上港主帅:阵容轮换会成常态!足协杯出局很不高兴 阿富汗流亡副总统归国 躲过机场爆炸还有性侵指控 郎平:这辈子都离不开排球 点名朱婷和李盈莹 上海男排仍是夺冠最大热门 北汽两大漏洞需重视 有钱任性?两印度警察工作时向跳舞者撒钱被停职
酷派起诉小米侵权背后 专利战或将成为常态 马来西亚新内阁宣誓就职 马哈蒂尔:打造廉洁政府 日本70岁“老司机”开车逆行 致7车连环相撞被捕 英国警方:失联中国博士已死亡 尸体被发现 伦镍库存再刷低位 短期镍价或偏强震荡 花钱就得奖?“山寨社团”办少儿比赛敛财 沪镍短期回调将持续 26年前语音操作视频致老罗躺枪 李开复:对他不公平 中山大学空间引力波探测“天琴计划”实施进入新阶段 里皮幕后指挥+决策亚运会男足 冲击奖牌为续约加分 王国庆谈西方反华势力:大脑还停留在冷战时代 把你的名字送上火星 “洞察号”做最后发射准备
邦达亚洲:中美贸易战忧虑缓解 美元指数止跌收涨 美国退出伊核协议原油飙升 欧股上涨 未来交通峰会圆桌论坛:董振宁张鹏等展望未来交通 高速收费员称不找零还对司机爆粗 涉事人已被停职 如何解决入园难入园贵? 政协委员提五点建议 太狠了!恒大训练刚结束就灭灯 打开手机照亮退场 知情人士确认华为被美调查 华为称对公司没影响 都是广告惹的祸 印度塔塔集团在印度起诉海尔 沪台体育交流 世界冠军王仪涵点拨台北小球员 微信怎么挣钱 最有前景的十大行业 2017做什么生意有前景 女生最吃香的十大职业 AG亚游集团