createElement x innerHTML

Olá a todos,

Então eu estava aqui programando e me peguei numa dúvida, o que muda ao usar createElement ou innerHTML para criar novos objetos?

É claro que em algumas ocasiões só um ou outro serve, como em casos de insertBefore por exemplo.

Mas há alguns casos que ambos podem ser implementados, como esse:

Tenho uma tag TD e dentro dela quero inserir outra tabela. Qual a diferença de fazer

var td = document.getElementById('tdid')td.innerHTML = '<table><tr><td>Conteúdo</td></tr></table>'

e

var td = document.getElementById('tdid')var tbl = document.createElement('table')var tr = document.createElement('tr')var novatd = document.createElement('td')novatd.innerHTML = 'conteúdo'tr.appendChild(novatd)tbl.appendChild(tr)td.appendChild(tbl)?

Obrigado.