将元素添加到dom不起作用

Question

当我尝试向我的dom添加元素时，它们没有被添加，但是当我在console.log中时，我确实得到了一个值<th class="text-right" rowspan="1" colspan="1"></th>

for(c=0; c<2; c++) {

console.log(document.getElementById('achats_table').tFoot.children[0].appendChild(document.createElement('th')));
    document.getElementById('achats_table').tFoot.children[0].appendChild(document.createElement('th'));
        }

表格HTML：

<table>
  <thead>
    <tr>
    </tr>
  </thead>
  <tbody>
  </tbody>
  <tfoot>
    <tr>
    </tr>
  </tfoot>
</table>

我做错了什么？我怎么调试这个？我没有控制台错误。

Answer 1

看起来你想要将th元素添加到当前空白的tfoot中？你可以试试这个：

for(c=0; c<2; c++) {
    document.querySelector('#achats_table tfoot').appendChild(document.createElement('th'));
}