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

宁春红:天津队目标争六冲三 王玥是队内灵魂 得州枪击案受害者母亲:枪手屡纠缠女儿未果被拒绝 首批虚商正式牌照下发 阿里小米等15家企业“领证” 进球gif-重压下先声夺人!权健飞翼凌空世界波 伤病痊愈+爱妻康复 美巡三冠王帕尔默憧憬美好2018 三峡办主任:三峡后续工作完全可以由水利部实施 宪法修正案专题记者会将于3月11日下午举行 江西宜春走失男童被寻获遗体:警方初步确认系溺亡 外媒:百度帮助日本企业更懂中国消费者 国青亚运会的目标是夺取奖牌 此前两届均未能实现 宝马将在中国研发和生产Mini电动车 IMF前首席经济学家:比特币10年内可能跌至100美元
保加利亚女排任命新主帅 41岁佩特科夫剑指东京 女子因生活口角 醉酒后报假警称3小时后将杀母亲 这条名叫“勇哥”的狗让蔡英文下不了台 因为啥? 不听科比的!这个才打了1年NBA的菜鸟要自己练 唇语专家揭秘哈里王子大婚悄悄话:我裤子太紧(图) 搜狐高管解读二季度财报:明年视频就会实现盈利 港股在美预托证券悉数高收 汇控再见80元 江苏时隔11年后再双杀广东!曾经豪强真复苏了 工信部部长:取消流量漫游费 还要降移动流量资费水平 村干部举报垃圾非法倾倒后频遭报复 家深夜被打砸 张国甫少将任空军指挥学院副院长 日媒称韩企对华业务出现回暖:韩国商人喜笑颜开
意大利银行业再曝坏消息 欧洲这块心病难消 女子凌晨跳桥轻生 民警游数百米将其救回 台渔船被日舰艇水炮威胁 台当局被质疑装聋作哑 美组织朝鲜问题外长会中国未受邀参加?中方回应 十二届全国人大代表五年提出建议4万余件 男排京沪战沈琼临场变阵再见效 上海或主场加冕 刘强东:自媒体炒作说京东准备开除8万人是耸人听闻 基金经理:美联储反复强调一件事 美债投资人很受伤 张朝阳:搜狐复兴第一步没走完 视频明年或盈利 怎么样白手起家 白手起家创业点子 怎么白手起家 投资小型加工厂 AG亚游集团