diferença entre document.write() e document.createTextNode()

O document.write() vai apagar todo os seu HTML e escrever algo nele em tempo de execução. o document.createTextNode() vai criar um elemento e retorná-lo para que você o utilize da forma que quiser.

Para testar, aperte a tecla F12 no seu navegador e utilize o console (pra cada navegador, ele estará localizado em um lugar diferente). digite:

var teste1 = document.createTextNode("teste1");
document.body.append(teste1);

Perceba que criei o objeto, depois adicionei ao body. Agora teste:

document.write("teste2");

Vai apagar todo seu conteúdo e escrever no body.

Até.