Nội dung
36.3 DOM JavaScript_ Hiểu rõ querySelector và querySelectorAll để tìm kiếm và thay đổi phần tử
Video này là một phần trong loạt bài giảng về JavaScript, tập trung vào việc sử dụng `querySelector` và `querySelectorAll` để tương tác với các phần tử trên trang web. Trong bài giảng, chúng ta bắt đầu bằng việc tìm hiểu về `querySelector`, một phương thức mạnh mẽ cho phép chúng ta chọn phần tử HTML bằng cách sử dụng các điều kiện CSS selectors. Chúng ta bắt đầu bằng cách sử dụng `querySelector` để chọn phần tử có id là "heading_title" và thay đổi nội dung của nó. Sau đó, chúng ta thực hiện các thao tác tương tự với các phần tử khác như chọn phần tử đầu tiên có lớp là "list" và thay đổi nội dung của nó. Một điểm quan trọng là `querySelector` có thể kết hợp các điều kiện CSS selectors, điều này được minh họa qua việc chọn phần tử `ul` có thẻ `a` đầu tiên trong danh sách. Tiếp theo, chúng ta khám phá `querySelectorAll`, một phương thức khác giúp chúng ta chọn tất cả các phần tử thỏa mãn điều kiện CSS selector được cung cấp. Chúng ta sử dụng nó để chọn tất cả các phần tử `li` trong trang và thực hiện thay đổi trên chúng. Trong video này, chúng ta cũng tìm hiểu cách thực hiện một số thao tác cơ bản như đặt thuộc tính cho một phần tử input checkbox. Tổng thể, video này cung cấp kiến thức cơ bản nhưng quan trọng về cách sử dụng `querySelector` và `querySelectorAll` trong JavaScript để tương tác với các phần tử HTML trên trang web.