Project: DOM detective

Trang web của Khan Academy bao gồm jQuery, vì vậy bạn thực sự có thể mở bảng điều khiển JavaScript của mình ngay bây giờ và chạy thành công dòng mã này để hiển thị cho bạn văn bản bên trong của tất cả các <h1>thành phần trên trang này:

$("h1").text();

Bạn muốn biết có bao nhiêu <h1>yếu tố? Chạy dòng mã này:

$("h1").length;

Bây giờ, hãy thử sử dụng các bộ chọn CSS để tìm thêm các yếu tố của trang Khan Academy này, như:

• Tất cả các liên kết.
• Bài viết này.
• Mỗi hình ảnh.
• Các điều hướng thanh bên.
• Tên của bạn ở góc trên bên phải.
• Văn bản có nội dung 'Trang chủ'.
• ...tiếp tục đi!

Bạn có thể chia sẻ các công cụ chọn của bạn trong cuộc thảo luận bên dưới, nhưng hãy nhớ rằng HTML của chúng tôi liên tục thay đổi, vì vậy các công cụ chọn đã từng hoạt động có thể không hoạt động mãi mãi. Ngoài ra, thường có nhiều bộ chọn CSS có thể tìm thấy cùng một yếu tố, vì vậy có rất nhiều câu trả lời đúng.

Bây giờ hãy đội mũ thám tử của bạn và bắt đầu điều tra xung quanh DOM của chúng tôi!