介绍 & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=癠TF-8"祝辞
& lt;元名称=皏iewport"内容=翱矶?设备宽度,初始=1.0,比;
& lt;元http-equiv=癤-UA-Compatible"内容=癷e=edge"比;
& lt; title> Document
& lt;/head>
& lt; body>
& lt; ul> & lt;/ul>
& lt;/body>
& lt;/html>
& lt; script>
var地图={};//采用递归调用的方法,比较方便和简单。
函数fds(节点){
如果节点。nodeType===1) {//这里我们用节点名属性,直接获取节点的节点名称
var tagName=node.nodeName;//判断对象中存在不存在同类的节点,若存在则添加,不存在则添加并赋值为1
地图[tagName]=[tagName]地图吗?地图(tagName) + 1: 1;
}//获取该元素节点的所有子节点
var的孩子=node.childNodes;
(var=0;我& lt;children.length;我+ +){//递归调用
fds(儿童[我])
}
}
fds(文档);
console.log(地图)
& lt;/script>
这篇文章给大家分享的是有关使用js如何获取页面上的所有标签的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
我们先来捋捋思路,那要从页面上获取标签,不用说我们肯定会想到DOM操作,那获取到了之后呢,我们又不确定某个元素有没有子元素,那怎么办呢,这个时候我们肯定会想到递归啊
感谢各位的阅读!关于使用js如何获取页面上的所有标签就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
