Bộ chọn HTML CSS Java

Bộ chọn CSS được sử dụng để xử lý các phần tử cụ thể trong tài liệu HTML. Bài viết này bao gồm các ví dụ khác nhau về Bộ chọn CSS như QuerySelector và QuerySelectorAll để cập nhật phiên bản đầu tiên của một phần tử hoặc tất cả các phiên bản của một phần tử theo cách lập trình trong Java.

Sử dụng Bộ chọn CSS trong HTML - Cài đặt Java API

Aspose.HTML for Java API hỗ trợ thao tác hoặc chuyển đổi HTML, MHTML, SVG và các định dạng tệp khác. Bạn có thể nhanh chóng thiết lập nó bằng cách tải xuống các tệp JAR từ phần Bản phát hành mới hoặc sử dụng các chi tiết sau trong tệp pom.xml ở phía bạn. Thao tác này sẽ kích hoạt API từ Kho lưu trữ Aspose vào dự án của bạn:

Kho:

 <repositories>
     <repository>
         <id>snapshots</id>
         <name>repo</name>
         <url>http://repository.aspose.com/repo/</url>
     </repository>
</repositories>

phụ thuộc:

 <dependencies>
    <dependency>
        <groupId>com.aspose</groupId>
        <artifactId>aspose-html</artifactId>
        <version>22.9</version>
        <classifier>jdk18</classifier>
    </dependency>
</dependencies>

Sử dụng CSS Selector QuerySelector trong Java

Các bước sau đây trình bày cách sử dụng bộ chọn CSS QuerySelector trong Java:

  1. Tải HTML đầu vào với lớp HTMLDocument.
  2. Tạo Bộ chọn CSS trích phần tử đoạn đầu tiên.
  3. In nội dung của đoạn đầu tiên.
  4. Đặt thuộc tính kiểu với các thuộc tính cho phần tử đã chọn.
  5. Lưu tài liệu HTML đầu ra.

Đoạn mã dưới đây giải thích cách sử dụng bộ chọn CSS QuerySelector trong Java:

// Chuẩn bị đường dẫn đến tệp HTML nguồn
String documentPath = dataDir + "queryselector.html";

// Tạo một thể hiện của tài liệu HTML
var document = new com.aspose.html.HTMLDocument(documentPath);

// Ở đây chúng tôi tạo Bộ chọn CSS để trích xuất phần tử đoạn đầu tiên trong tài liệu
var element = document.querySelector("p");

// In nội dung của đoạn đầu tiên  
System.out.println(element.getInnerHTML());
// đầu ra: Phương thức QuerySelector() trả về phần tử đầu tiên trong tài liệu khớp với bộ chọn đã chỉ định.

// Đặt thuộc tính kiểu với các thuộc tính cho phần tử đã chọn               
element.setAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");

// Lưu tài liệu HTML vào một tệp
document.save(dataDir + "queryselector-p.html");

Làm việc với QuerySelectorAll CSS Selector trong HTML bằng Java

Bạn cần làm theo các bước bên dưới để xử lý các phần tử bằng cách sử dụng bộ chọn CSS QuerySelectorAll trong Java:

  1. Chuẩn bị mã HTML.
  2. Khởi tạo tài liệu bằng lớp HTMLDocument.
  3. Tạo Bộ chọn CSS trích xuất tất cả các thành phần phù hợp trong tài liệu.
  4. Lặp lại danh sách kết quả của các phần tử và xử lý chúng.

Mẫu mã bên dưới là một ví dụ về cách làm việc với Bộ chọn CSS QuerySelectorAll theo cách lập trình bằng cách sử dụng Java:

// Chuẩn bị mã HTML
String code = "< div class='happy' >\n" +
              "        <div >\n" +
              "            <span > Hello </span >\n" +
              "        </div >\n" +
              "    </div >\n" +
              "    <p class='happy' >\n" +
              "        <span > World ! </span >\n" +
              "    </p >\n";

// Khởi tạo tài liệu dựa trên mã đã chuẩn bị
com.aspose.html.HTMLDocument document = new com.aspose.html.HTMLDocument(code, ".");
try {
    // Ở đây, chúng tôi tạo Bộ chọn CSS trích xuất tất cả các phần tử có thuộc tính 'class' bằng 'happy' và các phần tử SPAN con của chúng
    com.aspose.html.collections.NodeList elements = document.querySelectorAll(".happy span");

    // Lặp lại danh sách các phần tử kết quả
    elements.forEach(element ->{
        System.out.println(((com.aspose.html.HTMLElement) element).getInnerHTML());

    });
} finally {
    if (document != null) {
        document.dispose();
    }
}

Khám phá Aspose.HTML for Java

Bạn có thể xem các phần khác nhau trong không gian [tài liệu][7] giải thích cách sử dụng các tính năng do API cung cấp.

Sự kết luận

Tóm lại, bạn đã học cách làm việc với các bộ chọn CSS khác nhau như QuerySelector và QuerySelectorAll theo cách lập trình trong Java. Bạn có thể lặp qua các yếu tố khác nhau đáp ứng các tiêu chí lựa chọn dựa trên yêu cầu của bạn. Trong trường hợp bạn muốn thảo luận về bất kỳ câu hỏi nào của mình, vui lòng viết thư cho chúng tôi tại forum.

Xem thêm