javascript - 从 HTML DOM 中选择不同的标签集

Question

这个问题已经有答案了:

How would I generate a list of distinct HTML tags in a page using JavaScript (must work in IE6) (4 个回答)

已关闭 8 年前。

如何使用 jQuery/JS 从 HTML DOM 获取一组不同的标签？

下面是示例 DOM

HTML  
-- Head  
-- META  
-- TITLE   
-- H1  
-- BODY  
-- DIV 
-- DIV  
-- FORM  
-- INPUT
-- INPUT
-- INPUT

那么输出应该是

HTML  
HEAD  
META  
TITLE  
H1  
BODY  
DIV  
FORM  
INPUT  

谢谢
iuq

Answer 1

在 Vanilla JS 和 as 函数中:

function getDistinctTags() {
    var els = Array.prototype.slice.call(document.querySelectorAll('*'));
    return els.reduce(function (result, el) {
        if (result.indexOf(el.tagName) === -1) {
            result.push(el.tagName);
        }
        return result;
    }, []);
}