Qual a diferença do innerHTML e o textContent? Nos vídeos o professor vem usando o innerHTML, mas existe o textContent que faz o mesmo trabalho, visualmente ambos não tem diferença, porém em relação a conteúdo de código tem algum efeito?
Qual a diferença do innerHTML e o textContent? Nos vídeos o professor vem usando o innerHTML, mas existe o textContent que faz o mesmo trabalho, visualmente ambos não tem diferença, porém em relação a conteúdo de código tem algum efeito?
Olá Marcos Vinícius, tudo bem?
A sua dúvida é bem comum e muito relevante, então vamos para a explicação?
O innerHTML
e o textContent
são duas propriedades do JavaScript que permitem acessar e modificar o conteúdo de elementos HTML. Mas então qual a diferença entre os dois? Bom, enquanto innerHTML
retorna ou define o conteúdo HTML de um elemento, incluindo as tags HTML, o textContent
retorna ou define apenas o texto dentro do elemento, sem as tags HTML.
Assim, no geral é recomendado usar:
innerHTML
para para modificar ou criar elementos HTML dinamicamente;textContent
para acessar ou modificar apenas o texto dentro de um elemento.Em caso de mais dúvidas, me coloco à disposição.
Grande abraço e bons estudos!
Valeu, João!