💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!

Cập nhật: 2025年3月1日

Sử dụng querySelector

📌

Kết luận

querySelector cho phép tìm phần tử bằng bộ chọn CSS

📝 Mã thực tế tại đây

const el = document.querySelector('.card');

Khác với getElementById chỉ tìm theo ID, querySelector cực kỳ linh hoạt vì có thể tìm theo class (.), thẻ (h1), hoặc bất kỳ tổ hợp CSS nào.

Tổng kết

- querySelector lấy phần tử ĐẦU TIÊN khớp với bộ chọn - querySelectorAll lấy TẤT CẢ các phần tử khớp

Dùng querySelector để lấy mục đầu tiên trong danh sách nhé.

🧪 Thử nghiệm tại đây

Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.

■ Bài tập thực hành

Lấy thẻ li đầu tiên trong ul có id='list' và xuất nội dung của nó.

Gợi ý khi gặp khó khăn

document.querySelector('#list li')