1
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

2
00:00:06,893 --> 00:00:08,885
thêm một chút nữa.

3
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`.

4
00:00:14,021 --> 00:00:17,992
Tôi vừa đưa vào một chuỗi, “all about cats”.

5
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.

6
00:00:22,176 --> 00:00:26,565
Tôi có thể bao quanh “cats” với các tag ``,

7
00:00:26,565 --> 00:00:29,373
và các bạn có thể thấy nó đã được in nghiêng.

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

9
00:00:32,649 --> 00:00:36,152
tôi có thể bao quanh từ ấy với các tag ``,

10
00:00:36,152 --> 00:00:39,007
và chúng sẽ được in đậm.

11
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ộ

12
00:00:44,148 --> 00:00:47,842
HTML của trang web, nếu tôi thực sự muốn.

13
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`.

14
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`.

15
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

16
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.

17
00:01:09,131 --> 00:01:12,196
Hãy chú ý khi tôi thay đổi thành `textContent`

18
00:01:12,196 --> 00:01:14,992
dấu ngoặc của tôi sẽ xuất hiện—ghê quá!

19
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

20
00:01:19,085 --> 00:01:22,524
từ chối biến chúng thành HTML thực.

21
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`.

22
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,

23
00:01:31,970 --> 00:01:34,750
hãy sử dụng `innerHTML`.

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

25
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`,

26
00:01:42,033 --> 00:01:44,524
vì chúng cũng sẽ loại bỏ trình nghe sự kiện

27
00:01:44,524 --> 00:01:46,806
mà ta đã liên kết với các phần tử bên trong,

28
00:01:46,806 --> 00:01:48,594
các bạn sẽ được học sớm thôi.

29
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

30
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.