È possibile creare un TH con TableRow.insertCell()?

Question

Sto aggiungendo nuove righe a una tabella in modo dinamico, con questo codice:

tbody = document.getElementById('tbody'); 
tr = tbody.insertRow(-1); 
tr.id = 'last'; 
th = tr.insertCell(0); 
td = tr.insertCell(1); 

Ma quello che ho effettivamente avuto sono due td cellule. Voglio un th, come puoi vedere.

Si dice che la proprietà tagName non è modificabile.

Come posso fare questo?

Devo utilizzare metodi "normali" come createElement e appendChild?

Answer 1

Non vedo alcun documento ufficiale che ti consenta di farlo.

W3C Documentation for TR/TR.insertCell

Il createElement/appendChild funzionerà però.

Answer 2

Quello che faccio è definire il primo th, come TableHeaderRow thr = new TableHeaderRow(); Aggiungi una cella, quindi aggiungilo alla tabella.