从HTML DOM中选择不同的标记集

Question

如何使用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和作为功能：

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;
    }, []);
}