Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Dúvida no Ex. 2 da Aula 3 - Conhecendo o DOM e organizando nosso código com objetos

Olá!

Qual a diferença de usar o textContent, o innerHTML e o innerText? No caso do exercício estamos trabalhando com números, influenciaria em alguma coisas se estivéssemos trabalhando com string?

Desde já, obrigado!

4 respostas

A diferença entre textContent e innerHTML é bem simples Cae:

textContent : Pega e adiciona texto que esta dentro da tag.

innerHTML: Pega o texto, porém consegue não só inserir texto dentro da tag mas sim outra tag html.

Da uma olhada nesse exemplo que eu fiz:

https://jsfiddle.net/mahenrique94/2btrexvf/

Ficou mais claro sua dúvida ?

Obs: Não comentei sobre o innerText pois nunca usei ele.

solução!

Olá Cae! Veja só, textContent retorna um conteúdo textual, logo apenas pode-se colocar texto (String). Já innerHTML retorna o conteúdo HTML, logo você pode colocar qualquer conteúdo que seja válido em uma tag HTML, até mesmo outra tag.

InnerText é uma propriedade pertencente apenas a IE (Internet Explorer) e tem a mesma funcionalidade do textContent.

Espero ter ajudado! Bons Estudos!

Opa! Entendi sim. Bacana, o innerHTML também preserva os valores de "display" da tag, caso eu esteja colocando junto do conteúdo. Não sabia!

Valeu, pessoal!

magina Cae, sempre que precisar é só nos avisar.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software