0:00:00.000,0:00:04.766
Temos usado bastante <i>innerHTML</i> por aqui,

0:00:04.766,0:00:08.893
mas ainda quero mostrar[br]umas coisinhas sobre ele.

0:00:08.893,0:00:14.021
Primeiro, vejamos nosso exemplo,[br]bem aqui onde definimos <i>innerHTML</i>

0:00:14.021,0:00:17.992
Eu acabei de passar numa <i>string</i>[br](cadeia de caracteres), "all about cats".

0:00:17.992,0:00:22.176
Mas poderia ter colocado <i>tags</i>[br]HTML dentro da <i>string</i>.

0:00:22.176,0:00:26.565
Eu poderia envolver "cats"[br]com <i>tags</i> ,

0:00:26.565,0:00:29.373
e veja que aparece com ênfase.

0:00:29.373,0:00:32.649
Ou aqui em baixo, onde [br]troco "dog" por "cat",

0:00:32.649,0:00:36.152
Eu poderia envolver isto[br]com <i>tags</i> ,

0:00:36.152,0:00:39.007
e ele apareceria aqui destacada, em negrito.

0:00:39.007,0:00:44.148
Poderia até escrever uma <i>tag</i> [br]bem aqui dentro, ou colocar uma página

0:00:44.148,0:00:47.842
HTML inteira aqui, se realmente quisesse.

0:00:47.842,0:00:53.592
Isso é bem legal, porque significa que[br]podemos fazer muita coisa com <i>innerHTML</i>

0:00:53.592,0:00:59.072
Se estivermos mudando o texto apenas, [br]nem precisamos usar <i>innerHTML</i> .

0:00:59.072,0:01:03.922
Podermos usar a propriedade <i>textContent</i>,[br]que faz com que o navegador

0:01:03.922,0:01:09.131
não interprete o que foi passado[br]como HTML e renderize como texto simples.

0:01:09.131,0:01:12.196
Perceba que se mudo isso[br]para <i>textContent</i>,

0:01:12.196,0:01:14.992
meus colchetes aparecem-- eca!

0:01:14.992,0:01:19.085
Neste caso, vamos nos livrar[br]deles, porque o navegador

0:01:19.085,0:01:22.524
se recusa a transformá-los [br]em HTML.

0:01:22.524,0:01:27.121
Então... se quiser apenas definir o texto,[br]use apenas <i>textContent</i>.

0:01:27.121,0:01:31.970
Se quiser passar algumas <i>tags HTML</i>,[br]e tê-las interpretadas como HTML,

0:01:31.970,0:01:34.750
então use <i>innerHTML</i>.

0:01:34.750,0:01:37.974
Quando começar a fazer[br]manipulações DOM avançadas,

0:01:37.974,0:01:41.793
terá que tomar mais cuidado em[br]usar <i>innerHTML</i> e <i>textContent</i>,

0:01:41.793,0:01:44.764
porque eles removerão também[br]ouvintes de evento

0:01:44.764,0:01:46.806
que você anexou aos[br]elementos,

0:01:46.806,0:01:48.594
algo que aprenderá logo[br]a fazer.

0:01:48.594,0:01:52.033
No próximo vídeo, mostrarei um[br]jeito mais sofisticado

0:01:52.033,0:01:54.672
de inserir elementos novos e[br]texto na sua página.

0:01:54.672,0:02:00.032
Legendado por [Fred Guth] Revisado por [Valter Bigeli]