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?
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?
hoje, com a Alura e o Google Gemini
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!