統計當前頁面有多少個標籤

統計當前頁面含有多少個標籤

ES6

const domNames = Array.form(document.querySelectorAll('*')).map(v => v.tagName);
const result = new Set(domNames);
console.log(`當前頁面存在的標籤個數爲： ${result.size}`);

JS

const dom = document.querySelectorAll('*');
const domNames = [];
Array.from(dom).forEach(v => {
  domNames.push(v.tagName);
});

const obj = {};
const newArr = [];
domNames.forEach(name => {
  if(!obj[name]) {
    newArr.push(name);
    obj[name] = true;
  }
});
console.log(newArr.length);

原生JS統計頁面全部標籤的種類

var all = document.querySelectorAll('*');
    var tags = [];
    all.forEach(item => {
      tags.push(item.tagName.toLocaleLowerCase());
    });

    // 存儲標籤的種類以及相應的個數
    var result = {};
    for(var i = 0; i < tags.length; i++) {
      if(!result[tags[i]]) {
        result[tags[i]] = 1;
      } else {
        result[tags[i]]++;
      }
    }
    
    console.log(res);
    console.log(Reflect.ownKeys(res).length);