php抓取网页标签(使用js获取页面上的所有标签的方法(代码详解))
优采云 发布时间: 2021-10-21 04:13php抓取网页标签(使用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(文件);
控制台日志(地图)