0:00:00.718,0:00:06.893
We've already used `innerHTML` quite a bit[br]here, but I want to quickly show you

0:00:06.893,0:00:08.885
a little more about it.

0:00:08.885,0:00:14.021
First, let's look at our example,[br]right here where we set `innerHTML`.

0:00:14.021,0:00:17.992
I've just passed in a string,[br]"all about cats".

0:00:17.992,0:00:22.176
But, in fact, I could put HTML tags[br]inside that string.

0:00:22.176,0:00:26.565
So I could surround "cats"[br]with `` tags,

0:00:26.565,0:00:29.373
and you can see it shows up emphasized.

0:00:29.373,0:00:32.649
Or down here, where I[br]change "dog" to "cat",

0:00:32.649,0:00:36.152
I could surround this[br]with `` tags,

0:00:36.152,0:00:39.007
and it shows up strong, bold.

0:00:39.007,0:00:44.148
I could even write an `` tag[br]inside here, or put an entire webpage's

0:00:44.148,0:00:47.842
HTML in here, if I really wanted.

0:00:47.842,0:00:53.592
So that's pretty neat, because it means[br]we can do a lot with `innerHTML`.

0:00:53.592,0:00:59.072
If we're only changing the text, actually,[br]we don't even need to use `innerHTML`.

0:00:59.072,0:01:03.922
We can just use the `textContent`property,[br]and that means that browser

0:01:03.922,0:01:09.131
won't interpret what you pass as HTML,[br]and will just render it as plain text.

0:01:09.131,0:01:12.196
Notice if I change this to `textContent`,

0:01:12.196,0:01:14.992
my brackets show up-- gross!

0:01:14.992,0:01:19.085
So, in that case, we're just going to[br]get rid of them, because the browser

0:01:19.085,0:01:22.524
refuses to turn them into actual HTML.

0:01:22.524,0:01:27.121
So if you do want to just set the text,[br]just use `textContent`.

0:01:27.121,0:01:31.970
If you want to pass in some HTML tags,[br]and have them interpreted as HTML,

0:01:31.970,0:01:34.750
then use `innerHTML`.

0:01:34.750,0:01:37.974
Once you start doing more[br]advanced DOM manipulation,

0:01:37.974,0:01:42.033
you should be more careful about[br]using `innerHTML` and `textContent`,

0:01:42.033,0:01:44.524
because they'll also[br]remove event listeners

0:01:44.524,0:01:46.806
that you've attached to the[br]elements inside,

0:01:46.806,0:01:48.594
which you'll learn how to do soon.

0:01:48.594,0:01:51.851
In the next talk-through, I'll show you[br]a more sophisticated way

0:01:51.851,0:01:55.103
to insert new elements[br]and text in your page.