使用innerHTML创建表头

时间:2018-02-07 15:01:36

标签: javascript jquery 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() ;

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:0)

您需要执行与已经完成的相同的循环,以在innerHTML中添加所有元素。

试试这个:

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

尽管如此,我还不知道你们桌子里面有什么独特的头部元素。您可能需要稍微修改这段代码。