javascript - 使用innerHTML创建表头

我想使用“ headerClass”类的元素创建表的头，但是以前使用JavaScript函数删除了重复项。
我的JavaScript函数：

function getHeaderElements() {

var headerElements = document.getElementsByClassName("headerElement");
var output = document.getElementById("output");

var uniqueHeaderElements = [];
$.each(headerElements, function(i, el){
    if($.inArray(el, uniqueHeaderElements) === -1) uniqueHeaderElements.push(el);
});

output.innerHTML =  uniqueHeaderElements.toString() ;

}

但是，我不确定如何遍历数组的元素并将其添加到innerHTML中，类似于下面的代码：

output.innerHTML =  uniqueHeaderElements.toString() ;

任何帮助将非常感激！

最佳答案

您需要执行与已完成的相同循环，以将所有元素添加到innerHTML内。

试试看：

$.each(uniqueHeaderElements, function(i, el){
      output.innerHTML += el;
 });

不过，我对表uniqueHeaderElements中的内容并不满意。您可能需要稍微修改一下这段代码。