Como inserir conteúdo em uma div via javascript

Hoje veremos como inserir um novo conteúdo via javascript dentro de uma tag div, ou qualquer outra tag html que você queira utilizar. Isso também pode ser feito com Jquery, através do método Jquery.html() ou $.html() Por ser uma necessidade simplesr e o Javascript ter evoluído muito nos últimos anos, recomendo que você utilize o javascript puro (Vanilla JS) para este tipo de solução. Além de mais prático, você aprende a dominar o javascript e deixa sua página mais leve, afinal, é um arquivo a menos para carregar. Quer saber mais sobre performance web? Deixe nos comentários! Neste vídeo veremos 4 forma de como inserir conteúdo em uma div via javascript: 1) Via innerHTML do Javascript 2) Via createTextNode do Javascript 3) Via createElement do Javascript 4) Via appendChild do Javascript Os links para mais informações sobre cada uma destas opções estão aqui: https://developer.mozilla.org/pt-BR/docs/Web/API/Element/innerHTML https://developer.mozilla.org/pt-BR/docs/Web/API/Document/createTextNode https://developer.mozilla.org/pt-BR/docs/Web/API/Document/createElement https://developer.mozilla.org/pt-BR/docs/Web/API/Node/appendChild Compartilhe conhecimento e transforme o mundo! Um [ ]