jsoup - 設定文字內容



以下示例將展示如何使用某個方法在將 HTML 字串解析為文件物件後為 DOM 元素設定、前置或附加文字。

語法

Document document = Jsoup.parse(html);
Element div = document.getElementById("sampleDiv");     
div.text("This is a sample content.");   
div.prepend("Initial Text.");
div.append("End Text.");   

其中

  • document - 文件物件表示 HTML DOM。

  • Jsoup - 解析給定 HTML 字串的主類。

  • html - HTML 字串。

  • div - 表示表示錨標記的 HTML 節點元素的 Element 物件。

  • div.text() - text(content) 方法將元素的內容替換為相應的值。

  • div.prepend() - prepend(content) 方法在外部 html 之前新增內容。

  • div.append() - append(content) 方法在外部 html 之後新增內容。

說明

元素物件表示 DOM 元素,並提供各種方法來為 DOM 元素設定、前置或附加 html。

示例

使用你選擇的任意編輯器(例如 C:/> jsoup)建立以下 java 程式。

JsoupTester.java

import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.nodes.Element;

public class JsoupTester {
   public static void main(String[] args) {
      String html = "<html><head><title>Sample Title</title></head>"
         + "<body>"
         + "<div id='sampleDiv'><a id='googleA' href='www.google.com'>Google</a></div>"       
         +"</body></html>";
      Document document = Jsoup.parse(html);

      Element div = document.getElementById("sampleDiv");
      System.out.println("Outer HTML Before Modification :\n"  + div.outerHtml());
      div.text("This is a sample content.");
      System.out.println("Outer HTML After Modification :\n"  + div.outerHtml());
      div.prepend("Initial Text.");
      System.out.println("After Prepend :\n"  + div.outerHtml());
      div.append("End Text.");
      System.out.println("After Append :\n"  + div.outerHtml());          
   }
}

驗證結果

使用 javac 編譯器編譯該類,如下所示 −

C:\jsoup>javac JsoupTester.java

現在執行 JsoupTester 以檢視結果。

C:\jsoup>java JsoupTester

檢視結果。

Outer HTML Before Modification :
<div id="sampleDiv">
   <a id="googleA" href="www.google.com">Google</a>
</div>
   Outer HTML After Modification :
<div id="sampleDiv">
   This is a sample content.
</div>
   After Prepend :
<div id="sampleDiv">
   Initial Text.This is a sample content.
</div>
   After Append :
<div id="sampleDiv">
   Initial Text.This is a sample content.End Text.
</div>
廣告