Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Uso do innerHTML

Olá, fiquei na dúvida sobre o uso do innerHTML para inserção do valor do nome e quantidade. Não poderia ser feito por textContent? Qual a razão de usar innerHTML?

1 resposta
solução!

Olá, Matheus!

Confesso que não tenho contexto do curso, mas é o seguinte, innerHTML e textContent tem uma diferença. Vou passar um mini exemplo dos dois, e aí, quem sabe você consiga identificar o porquê do uso de um ao invés do outro.

innerHTML

Na manipulação do DOM, o innerHTML retorna todo o texto e HTML que existe em um elemento. Por exemplo, se você pegar um elemento e jogar ele como innerHTML pelo console.log, vai ver que ele te retorna todo o HTML do elemento.

textContent

O textContent é quase a mesma coisa que um innerHTML, e funciona de forma semelhante ao innerText, porém, este retorna todo o conteúdo de um texto, como seu nome diz.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade


Resumindo, o textContent serve para alterar um text node já existente, e o innerHtml para cria um novo elemento HTML além do text node.

Se quiser saber mais, confira as docs do textContent e innerHTML no MDN web docs.

É isso. Espero ter ajudado :D

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