使用JS JQ 获取页面上的所有标签

js

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)

 

 

jq

 

$("*");表示获取页面中所有的标签