HTML CSS 選擇器 Java

CSS 選擇器用於處理 HTML 文檔中的特定元素。本文介紹了 QuerySelector 和 QuerySelectorAll 等 CSS 選擇器的不同示例,以在 Java 中以編程方式更新元素的第一個實例或元素的所有實例。

在 HTML 中使用 CSS 選擇器 - Java API 安裝

Aspose.HTML for Java API 支持操作或轉換 HTML、MHTML、SVG 和其他文件格式。您可以通過從 New Releases 部分下載 JAR 文件或在您端的 pom.xml 文件中使用以下詳細信息來快速設置它。這會將 Aspose Repository 中的 API 啟用到您的項目中:

存儲庫:

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

依賴:

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

在 Java 中使用 CSS 選擇器 QuerySelector

以下步驟演示瞭如何在 Java 中使用 CSS 選擇器 QuerySelector:

  1. 使用 HTMLDocument 類加載輸入 HTML。
  2. 創建一個提取第一個段落元素的 CSS 選擇器。
  3. 打印第一段的內容。
  4. 使用所選元素的屬性設置樣式屬性。
  5. 保存輸出的 HTML 文檔。

下面的代碼片段解釋瞭如何在 Java 中使用 CSS 選擇器 QuerySelector:

// 準備源 HTML 文件的路徑
String documentPath = dataDir + "queryselector.html";

// 創建 HTML 文檔的實例
var document = new com.aspose.html.HTMLDocument(documentPath);

// 這裡我們創建一個 CSS Selector 來提取文檔中的第一個段落元素
var element = document.querySelector("p");

// 打印第一段內容  
System.out.println(element.getInnerHTML());
// 輸出:QuerySelector() 方法返回文檔中與指定選擇器匹配的第一個元素。

// 使用所選元素的屬性設置樣式屬性               
element.setAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");

// 將 HTML 文檔保存到文件
document.save(dataDir + "queryselector-p.html");

使用 Java 在 HTML 中使用 QuerySelectorAll CSS 選擇器

您需要按照以下步驟在 Java 中使用 QuerySelectorAll CSS 選擇器處理元素:

  1. 準備 HTML 代碼。
  2. 使用 HTMLDocument 類初始化文檔。
  3. 創建一個提取文檔中所有匹配元素的 CSS 選擇器。
  4. 迭代結果元素列表並處理它們。

下面的代碼示例是如何使用 Java 以編程方式使用 QuerySelectorAll CSS 選擇器的示例:

// 準備 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";

// 根據準備好的代碼初始化文檔
com.aspose.html.HTMLDocument document = new com.aspose.html.HTMLDocument(code, ".");
try {
    // 在這裡,我們創建了一個 CSS 選擇器,用於提取“class”屬性等於“happy”的所有元素及其子 SPAN 元素
    com.aspose.html.collections.NodeList elements = document.querySelectorAll(".happy span");

    // 迭代結果元素列表
    elements.forEach(element ->{
        System.out.println(((com.aspose.html.HTMLElement) element).getInnerHTML());

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

探索 Aspose.HTML for Java

您可以查看 [文檔][7] 空間下的不同部分,這些部分解釋瞭如何使用 API 提供的功能。

結論

總之,您已經了解瞭如何在 Java 中以編程方式使用不同的 CSS 選擇器,例如 QuerySelector 和 QuerySelectorAll。您可以根據您的要求迭代滿足選擇標準的不同元素。如果您想討論您的任何疑問,請寫信給我們 論壇

也可以看看