Добавление элемента в DOM не работает

Question

Когда я пытаюсь добавить элементы в dom, они не добавляются, но когда я их консолью.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'));
}