如何只创建一次<th>标签答案

【问题标题】：How to create <th> tag only once如何只创建一次<th>标签
【发布时间】：2022-12-05 12:15:22
【问题描述】：

我有一个函数，可以自动在表格中创建一个单元格。它从数组中获取信息并将其放入单元格。但我不知道如何使用函数为此表创建标题单元格。有没有办法用一个函数创建一个完整的表？接下来是我的 HTML：

<div id="table"> 
   <details>
       <summary class="summary">
           day 1
       </summary>
            <table>
                <tr>
                    <th>name</th>
                    <th>count1 </th>
                    <th>count2</th>
                    <th>count3</th>
                </tr>
                <tr id="createTable"></tr>
            </table>
   </details>
</div>

接下来是功能：

function addTable(array) { 
    var check_value = array;     
    for(var count in check_value){
        var node = document.createElement('tr');   
        node.innerHTML = '<td class ="tdtable">'+check_value[count][0]+'</td>'+
                         '<td class ="tdtable">'+check_value[count][1]+'</td>'+
                         '<td class ="tdtable">'+check_value[count][2]+'</td>'+
                         '<td class ="tdtable">'+check_value[count][3]+'</td>';
        document.getElementById('createTable').appendChild(node);  
    }
}

【问题讨论】：

创建一个调用 2 个不同函数的函数，一个用于创建行，一个用于创建标题

标签： javascript html html-table

【解决方案1】：

你如何将它添加到另一个名为的标签中，然后在 javascript 中通过“currentHTML”+ new th 标签更新 innerHTML

【讨论】：