Cách chọn phần tử theo lớp trong XPath
Câu trả lời
Việc chọn phần tử bằng lớp trong XPath thường được thực hiện bằng cách sử dụng thuộc tính @class kết hợp với hàm contains(). Điều này cho phép khớp linh hoạt ngay cả khi có nhiều lớp. Nó được sử dụng rộng rãi trong quét trang web và tự động hóa để xác định chính xác các phần tử HTML động.
Giải thích chi tiết
Trong HTML, thuộc tính class thường chứa nhiều giá trị được phân tách bằng khoảng trắng. Vì lý do này, việc so sánh chính xác như @class='name' có thể thất bại khi có các lớp bổ sung. XPath giải quyết hạn chế này bằng cách sử dụng các hàm như contains() và các điều kiện logic.
Một biểu thức XPath cơ bản như //div[@class='example'] chỉ khớp với các phần tử có giá trị lớp chính xác. Tuy nhiên, các trang web hiện đại thường tạo ra các danh sách lớp động, điều này khiến việc khớp chính xác trở nên không đáng tin cậy. Do đó, khớp từng phần thường được sử dụng nhiều hơn trong các tình huống quét thực tế.
Các mẫu phức tạp hơn sử dụng kỹ thuật khớp đã chuẩn hóa để tránh kết quả sai khi tên lớp là chuỗi con của các tên lớp khác. Điều này cải thiện độ chính xác khi nhắm đến các thành phần giao diện người dùng trong các cấu trúc DOM phức tạp.
Giải pháp / Phương pháp
- Khớp lớp chính xác: Sử dụng
//tag[@class='class-name']khi phần tử chỉ có một giá trị lớp ổn định và không có biến thể. - Khớp lớp từng phần: Sử dụng
//tag[contains(@class,'class-name')]để khớp các phần tử ngay cả khi có nhiều lớp tồn tại. - Nhắm đến nhiều lớp ổn định: Kết hợp nhiều điều kiện như
contains(@class,'a') and contains(@class,'b'). Trong các quy trình tự động hóa bị ảnh hưởng bởi bảo vệ bot hoặc hiển thị động, các giải pháp như CapSolver có thể giúp đảm bảo trích xuất dữ liệu ổn định bằng cách xử lý các thách thức CAPTCHA chặn các luồng quét dựa trên XPath.
Thực hành tốt / Mẹo
Để quét trang web đáng tin cậy, tránh phụ thuộc quá mức vào các đường dẫn XPath tuyệt đối. Ưu tiên các bộ chọn dựa trên thuộc tính, đặc biệt là contains(@class,...), vì chúng bền bỉ hơn trước các thay đổi bố cục. Ngoài ra, kiểm tra các bộ chọn trong công cụ dev của trình duyệt trước khi tự động hóa trích xuất để giảm lỗi thời gian chạy.
👉 Liên quan:
Sử dụng mã
FAQkhi đăng ký tại CapSolver để nhận thêm 5% tiền thưởng khi nạp tiền.
FAQ CapSolver - capsolver.com