php抓取网页标签(使用js获取页面上的所有标签的方法(代码详解))

优采云 发布时间: 2021-10-21 04:13

  php抓取网页标签(使用js获取页面上的所有标签的方法(代码详解))

  本文文章的内容是介绍使用js获取页面所有标签的方法(详细代码解释)。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

  前两天看到一个问题,问如何从页面中获取所有标签并查看它们的编号。感觉还是有点意思,就给大家做一下吧。

  我们先从页面获取标签的思路开始。不用说,我们肯定会想到 DOM 操作。拿到之后,我们不确定一个元素是否有子元素。我们应该做什么?我肯定会想到递归

  既然有了DOM操作和递归,就很容易了,直接写代码就行了。下面是代码,有注释,可以拉下来参考。

  文档

  无功映射 = {};

  //递归调用的方法更方便简单。

  函数 fds(节点){

  if (node.nodeType === 1) {

  //这里我们使用nodeName属性直接获取节点的节点名

  var tagName = node.nodeName;

  //判断对象中没有同类节点,如果存在则添加,如果不存在则添加并赋值为1

  地图[标签名] = 地图[标签名]?地图[标签名] + 1: 1;

  }

  //获取元素节点的所有子节点

  var children = node.childNodes;

  for (var i = 0; i <children.length; i++) {

  //递归调用

  fds(儿童[i])

  }

  }

  fds(文件);

  控制台日志(地图)

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线