獲取網頁中所有的標簽

如何獲取網頁中所有的標簽。

今天和大家分享一個簡單的思路。

var les = [...document.querySelectorAll("*")];//首先獲取網頁中所有的css選擇器元素，
//對象中的擴展運算符(...)用於取出參數對象中的所有可遍歷屬性，拷貝到當前對象之中

console.log(les.map((v)=>v.tagName))//通過數組map方法遍歷所有的元素，獲取他們的tagName屬性。這樣就獲取到他們所有的標簽名，
//但是美中不足，發現由很多重復的標簽

//再ES6中 Set 對象存儲的值總是唯一的。因此我們可以借用這個方法進行去重

console.log(new Set(les.map((v)=>v.tagName)))

效果如下