0:00:00.718,0:00:06.893
Ya hemos usado un poco el "innerHTML", pero quiero mostrarles rápidamente

0:00:06.893,0:00:08.885
más sobre esto.

0:00:08.885,0:00:14.021
En primer lugar, vamos a ver nuestro ejemplo, justo aquí donde pusimos "innerHTML".

0:00:14.021,0:00:17.992
Pasé una cadena que decía "All about cats" ("Todo sobre gatos").

0:00:17.992,0:00:22.176
Pero, de hecho, podría poner etiquetas HTML dentro de esa cadena.

0:00:22.176,0:00:26.565
Así que podría encerrar "cats" con etiquetas "",

0:00:26.565,0:00:29.373
y pueden ver como se ve la palabra enfatizada.

0:00:29.373,0:00:32.649
O aquí abajo donde cambié "dog" por "cat",

0:00:32.649,0:00:36.152
podría encerrar esto con etiquetas "",

0:00:36.152,0:00:39.007
y se vería remarcado, en negritas.

0:00:39.007,0:00:44.148
Incluso podría escribir etiquetas "" aquí dentro, o poner

0:00:44.148,0:00:47.842
una página web en HTML entera, si realmente quisiera podría hacerlo.

0:00:47.842,0:00:53.592
Eso está muy bien, porque significa que podemos hacer muchas cosas con "innerHTML".

0:00:53.592,0:00:59.072
Si sólo estamos cambiando el texto, en realidad, no necesitamos usar "innerHTML".

0:00:59.072,0:01:03.922
Podemos usar solamente la propiedad "textContent", y eso significa que el navegador

0:01:03.922,0:01:09.131
no va a interpretar lo que le pases como HTML, y lo va a reproducir como un texto sin formato.

0:01:09.131,0:01:12.196
Observen que si cambio esto por "textContent",

0:01:12.196,0:01:14.992
¡mis corchetes se van a ver muy mal!

0:01:14.992,0:01:19.085
Así que en ese caso, nos tenemos que deshacer de ellos, porque el navegador

0:01:19.085,0:01:22.524
se niega a convertirlos en HTML.

0:01:22.524,0:01:27.121
Así que si sólo quieres poner texto, usa "textContent".

0:01:27.121,0:01:31.970
Si quieres pasar algunas etiquetas HTML, y que sean interpretadas como HTML,

0:01:31.970,0:01:34.750
entonces usa "innerHTML".

0:01:34.750,0:01:37.974
Una vez que empieces a hace una manipulación del DOM de forma más avanzada

0:01:37.974,0:01:42.033
deberías ser más cuidadoso al usar "innerHTML" y "textContent",

0:01:42.033,0:01:44.524
porque ellos también quitarán los detectores de eventos ("eventListeners" )

0:01:44.524,0:01:46.806
que hayas adjuntado a los elementos que están dentro,

0:01:46.806,0:01:48.594
algo que vas a aprender a hacer pronto.

0:01:48.594,0:01:51.840
En la siguiente guía paso a paso, te voy a mostrar una manera más sofisticada

0:01:51.840,0:01:55.190
para insertar elementos nuevos y texto en tu página.