使用 innerHTML 创建 Table Header

Question

我想用 class "headerClass" 的元素创建 table 的 header，但之前删除了 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;
 });

不过，我不太了解您的 table uniqueHeaderElements 中的内容。您可能需要稍微调整一下这段代码。

使用 innerHTML 创建 Table Header

Create Table Header with innerHTML

javascript

jquery

innerhtml