QuerySelectorAll trong JavaScript
Phương thức 0 1 trả về một 2 tĩnh (không hoạt động) đại diện cho danh sách các thành phần của tài liệu khớp với nhóm bộ chọn đã chỉ định Show cú pháp
Thông số 3Một chuỗi chứa một hoặc nhiều bộ chọn để khớp với. Chuỗi này phải là chuỗi bộ chọn CSS hợp lệ; . Xem Định vị các phần tử DOM bằng bộ chọn để biết thêm thông tin về cách sử dụng bộ chọn để xác định các phần tử. Nhiều bộ chọn có thể được chỉ định bằng cách tách chúng bằng dấu phẩy Ghi chú. Các ký tự không phải là một phần của cú pháp CSS tiêu chuẩn phải được thoát bằng ký tự dấu gạch chéo ngược. Vì JavaScript cũng sử dụng thoát dấu gạch chéo ngược, nên phải đặc biệt cẩn thận khi viết các chuỗi ký tự bằng cách sử dụng các ký tự này. Xem Thoát các ký tự đặc biệt để biết thêm thông tin Giá trị trả vềMột 2 không tồn tại chứa một đối tượng 6 cho mỗi phần tử khớp với ít nhất một trong các bộ chọn được chỉ định hoặc một 2 trống trong trường hợp không khớpGhi chú. Nếu 3 được chỉ định bao gồm phần tử giả CSS, thì danh sách được trả về luôn trốngngoại lệ 4 10Bị ném nếu cú pháp của chuỗi 3 được chỉ định không hợp lệví dụLấy danh sách các trận đấuĐể có được một 2 của tất cả các yếu tố 13 trong tài liệu
Ví dụ này trả về một danh sách tất cả các phần tử 14 trong tài liệu với một lớp là 15 hoặc 16 1Ở đây, chúng tôi nhận được một danh sách các phần tử 13 có phần tử cha trực tiếp là một 14 với lớp 19 và được đặt bên trong một thùng chứa có ID là 30 3Ví dụ này sử dụng bộ chọn thuộc tính để trả về danh sách các phần tử 31 trong tài liệu có chứa thuộc tính có tên là 32 7Ở đây, một bộ chọn thuộc tính được sử dụng để trả về danh sách các mục danh sách có trong danh sách có ID là 33 có thuộc tính 34 có giá trị là 35 1Truy cập các trận đấuSau khi trả về 2 phần tử phù hợp, bạn có thể kiểm tra nó giống như bất kỳ mảng nào. Nếu mảng trống (nghĩa là thuộc tính 37 của nó bằng 0), thì không tìm thấy kết quả khớp nàoMặt khác, bạn có thể sử dụng ký hiệu mảng tiêu chuẩn để truy cập nội dung của danh sách. Bạn có thể sử dụng bất kỳ câu lệnh lặp phổ biến nào, chẳng hạn như 4Ghi chú người dùng 1 hoạt động khác với hầu hết các thư viện JavaScript DOM phổ biến, điều này có thể dẫn đến kết quả không mong muốnHTMLHãy xem xét HTML này, với ba khối 14 lồng nhau của nó 7JavaScript 8Trong ví dụ này, khi chọn 70 trong ngữ cảnh của 14 với lớp 72, phần tử với lớp 73 vẫn được tìm thấy, mặc dù 74 không phải là phần tử con của phần tử cơ sở mà tìm kiếm được thực hiện ( 75). Theo mặc định, 1 chỉ xác minh rằng phần tử cuối cùng trong bộ chọn có nằm trong phạm vi tìm kiếm khôngLớp giả 77 khôi phục hành vi dự kiến, chỉ các bộ chọn phù hợp trên con cháu của phần tử cơ sở |