使用InnerHTML创建表标头

Question

我想创建具有" 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() ;

任何帮助将不胜感激！

Answer 1

您需要进行与已经在innerhtml中添加所有元素相同的循环。

尝试一下：

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

仍然，我不知道您的桌子内部的内容uniqueheaderements。您可能需要对此代码进行调整。