[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.72,0:00:06.89,Default,,0000,0000,0000,,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
Dialogue: 0,0:00:06.89,0:00:08.88,Default,,0000,0000,0000,,thêm một chút nữa.
Dialogue: 0,0:00:08.88,0:00:14.02,Default,,0000,0000,0000,,Trước hết, hãy nhìn vào ví dụ, ngay tại vị trí ta thiết lập `innerHTML`.
Dialogue: 0,0:00:14.02,0:00:17.99,Default,,0000,0000,0000,,Tôi vừa đưa vào một chuỗi, “all about cats”.
Dialogue: 0,0:00:17.99,0:00:22.18,Default,,0000,0000,0000,,Nhưng, trên thực tế, tôi có thể đưa vào các tag HTML vào trong chuỗi.
Dialogue: 0,0:00:22.18,0:00:26.56,Default,,0000,0000,0000,,Tôi có thể bao quanh “cats” với các tag ``,
Dialogue: 0,0:00:26.56,0:00:29.37,Default,,0000,0000,0000,,và các bạn có thể thấy nó đã được in nghiêng.
Dialogue: 0,0:00:29.37,0:00:32.65,Default,,0000,0000,0000,,Hoặc ở dưới đây, tôi đã chuyển “dog” thành “cat”,
Dialogue: 0,0:00:32.65,0:00:36.15,Default,,0000,0000,0000,,tôi có thể bao quanh từ ấy với các tag ``,
Dialogue: 0,0:00:36.15,0:00:39.01,Default,,0000,0000,0000,,và chúng sẽ được in đậm.
Dialogue: 0,0:00:39.01,0:00:44.15,Default,,0000,0000,0000,,Thậm chí tôi có thể viết tag `` vào trong đây, hoặc đưa vào toàn bộ
Dialogue: 0,0:00:44.15,0:00:47.84,Default,,0000,0000,0000,,HTML của trang web, nếu tôi thực sự muốn.
Dialogue: 0,0:00:47.84,0:00:53.59,Default,,0000,0000,0000,,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`.
Dialogue: 0,0:00:53.59,0:00:59.07,Default,,0000,0000,0000,,Nếu chỉ thay đổi văn bản, ta sẽ không cần dùng đến `innerHTML`.
Dialogue: 0,0:00:59.07,0:01:03.92,Default,,0000,0000,0000,,Ta có thể sử dụng tính chất `textContent`, tức là trình duyệt
Dialogue: 0,0:01:03.92,0:01:09.13,Default,,0000,0000,0000,,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.
Dialogue: 0,0:01:09.13,0:01:12.20,Default,,0000,0000,0000,,Hãy chú ý khi tôi thay đổi thành `textContent`
Dialogue: 0,0:01:12.20,0:01:14.99,Default,,0000,0000,0000,,dấu ngoặc của tôi sẽ xuất hiện—ghê quá!
Dialogue: 0,0:01:14.99,0:01:19.08,Default,,0000,0000,0000,,Như vậy, trong trường hợp đó, ta chỉ việc vứt chúng đi thôi, vì trình duyệt
Dialogue: 0,0:01:19.08,0:01:22.52,Default,,0000,0000,0000,,từ chối biến chúng thành HTML thực.
Dialogue: 0,0:01:22.52,0:01:27.12,Default,,0000,0000,0000,,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`.
Dialogue: 0,0:01:27.12,0:01:31.97,Default,,0000,0000,0000,,Nếu ta muốn đưa vào vài tag HTML, và muốn trình duyệt hiểu đó là HTML,
Dialogue: 0,0:01:31.97,0:01:34.75,Default,,0000,0000,0000,,hãy sử dụng `innerHTML`.
Dialogue: 0,0:01:34.75,0:01:37.97,Default,,0000,0000,0000,,Khi đã bắt đầu xử lý những DOM cao cấp hơn,
Dialogue: 0,0:01:37.97,0:01:42.03,Default,,0000,0000,0000,,các bạn nên cẩn thận khi sử dụng `innerHTML` và `textContent`,
Dialogue: 0,0:01:42.03,0:01:44.52,Default,,0000,0000,0000,,vì chúng cũng sẽ loại bỏ trình nghe sự kiện
Dialogue: 0,0:01:44.52,0:01:46.81,Default,,0000,0000,0000,,mà ta đã liên kết với các phần tử bên trong,
Dialogue: 0,0:01:46.81,0:01:48.59,Default,,0000,0000,0000,,các bạn sẽ được học sớm thôi.
Dialogue: 0,0:01:48.59,0:01:51.85,Default,,0000,0000,0000,,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
Dialogue: 0,0:01:51.85,0:00:00.00,Default,,0000,0000,0000,,giúp chèn phần tử và văn bản mới vào trang web.