Eu notei que usar a propriedade .innerHTML para alterar o texto da tag produz o mesmo efeito.
Há algum motivo pelo qual eu deveria usar .innerText ao invés de .innerHTML ou nesse caso eu poderia usar os dois?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Eu notei que usar a propriedade .innerHTML para alterar o texto da tag produz o mesmo efeito.
Há algum motivo pelo qual eu deveria usar .innerText ao invés de .innerHTML ou nesse caso eu poderia usar os dois?
Olá Victor, tudo bem?
Neste caso em específico, irá gerar o mesmo efeito... Isso porque você não está exigindo nenhuma formatação desse texto.
Como assim? Bora lá entender!
Imagine a situação em que o texto que será substituído, utilizará a tag <b> para deixá-lo com o peso bold.
document.getElementById('texto').innerText="<b>Escreva o texto aqui</b>"
O texto que será exibido é
Ou seja, o innerText não interpreta a tag html <b>
document.getElementById('texto').innerHTML= "<b>Escreva o texto aqui</b>"
O texto que será exibido é:
Sendo assim, a grande diferença entre os dois é que:
innerText - Retorna somente o texto, sem formatações ou elementos html.
innerHTML - Retorna o texto, COM formatações e COM elementos html.
Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar, abraços!
Entendi, Beatriz! Muito obrigado!