WEBVTT

00:00:00.718 --> 00:00:06.893
Chúng ta đã sử dụng `innerHTML` khá nhiều rồi, nhưng tôi muốn hướng dẫn nhanh cho các bạn

00:00:06.893 --> 00:00:08.885
thêm một chút nữa.

00:00:08.885 --> 00:00:14.021
Trước hết, hãy nhìn vào ví dụ, ngay tại vị trí ta thiết lập `innerHTML`.

00:00:14.021 --> 00:00:17.992
Tôi vừa đưa vào một chuỗi, “all about cats”.

00:00:17.992 --> 00:00:22.176
Nhưng, trên thực tế, tôi có thể đưa vào các tag HTML vào trong chuỗi.

00:00:22.176 --> 00:00:26.565
Tôi có thể bao quanh “cats” với các tag ``,

00:00:26.565 --> 00:00:29.373
và các bạn có thể thấy nó đã được in nghiêng.

00:00:29.373 --> 00:00:32.649
Hoặc ở dưới đây, tôi đã chuyển “dog” thành “cat”,

00:00:32.649 --> 00:00:36.152
tôi có thể bao quanh từ ấy với các tag ``,

00:00:36.152 --> 00:00:39.007
và chúng sẽ được in đậm.

00:00:39.007 --> 00:00:44.148
Thậm chí tôi có thể viết tag `` vào trong đây, hoặc đưa vào toàn bộ

00:00:44.148 --> 00:00:47.842
HTML của trang web, nếu tôi thực sự muốn.

00:00:47.842 --> 00:00:53.592
Vậy là gọn gàng rồi, vì điều đó có nghĩa là ta có thể làm rất nhiều thứ với `innerHTML`.

00:00:53.592 --> 00:00:59.072
Nếu chỉ thay đổi văn bản, ta sẽ không cần dùng đến `innerHTML`.

00:00:59.072 --> 00:01:03.922
Ta có thể sử dụng tính chất `textContent`, tức là trình duyệt

00:01:03.922 --> 00:01:09.131
sẽ không dịch những gì ta đã đưa vào là HTML, và sẽ chỉ kết xuất dưới dạng văn bản thuần túy.

00:01:09.131 --> 00:01:12.196
Hãy chú ý khi tôi thay đổi thành `textContent`

00:01:12.196 --> 00:01:14.992
dấu ngoặc của tôi sẽ xuất hiện—ghê quá!

00:01:14.992 --> 00:01:19.085
Như vậy, trong trường hợp đó, ta chỉ việc vứt chúng đi thôi, vì trình duyệt

00:01:19.085 --> 00:01:22.524
từ chối biến chúng thành HTML thực.

00:01:22.524 --> 00:01:27.121
Vì vậy nếu các bạn chỉ muốn thiết lập văn bản, hãy sử dụng `textContent`.

00:01:27.121 --> 00:01:31.970
Nếu ta muốn đưa vào vài tag HTML, và muốn trình duyệt hiểu đó là HTML,

00:01:31.970 --> 00:01:34.750
hãy sử dụng `innerHTML`.

00:01:34.750 --> 00:01:37.974
Khi đã bắt đầu xử lý những DOM cao cấp hơn,

00:01:37.974 --> 00:01:42.033
các bạn nên cẩn thận khi sử dụng `innerHTML` và `textContent`,

00:01:42.033 --> 00:01:44.524
vì chúng cũng sẽ loại bỏ trình nghe sự kiện

00:01:44.524 --> 00:01:46.806
mà ta đã liên kết với các phần tử bên trong,

00:01:46.806 --> 00:01:48.594
các bạn sẽ được học sớm thôi.

00:01:48.594 --> 00:01:51.851
Trong bài hướng dẫn tiếp theo, tôi sẽ hướng dẫn cho các bạn một cách còn phức tạp hơn nữa

00:01:51.851 --> 00:00:00.000
giúp chèn phần tử và văn bản mới vào trang web.