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

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

1. 实现思路

   1. 首先，获取当前页面的所有标签

      1. 使用 document.getElementByTagName(“*”) — HTMLCollection 实时的
      2. 或使用 document.querySelectorAll(“*”) — NodeList 快照
      3. 更多差异学习，参考 🔴 红宝书 📖

   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)=>{return v.tagName}))
         //或
         new Set([...document.getElementsByTagName("*")].map((v)=>{return v.tagName}))
         

   选择 努力 运气 Just Do It