随笔记：获取当前页面有多少种类的标签

实现思路

1. 首先&＃xff0c;获取当前页面的所有标签

   1. 使用 document.getElementByTagName(“*”) — HTMLCollection 实时的
   2. 或使用 document.querySelectorAll(“*”) — NodeList 快照
   3. 更多差异学习&＃xff0c;参考 &＃x1f534; 红宝书 &＃x1f4d6;

2. 上面获取的结果都是类数组

   1. 将类数组转换为数组
      1. 扩展运算符 … 最简单方便的方法
      2. es6 Array.from()
      3. slice
      4. 循环–2.0版本 vue.js源码中用的是 while 循环语句
      5. 等

3. 提取数组内每个元素下的 tagName 属性

   1. 利用 map

4. code

   1. new Set([...document.querySelectorAll("*")].map((v)&＃61;>{return v.tagName}))
//或
new Set([...document.getElementsByTagName("*")].map((v)&＃61;>{return v.tagName}))


选择 努力 运气 Just Do It