jsoup - 設定 HTML

以下示例將展示一種方法的使用，該方法可在將 HTML 字串解析成 Document 物件後，設定、新增或附加 HTML 到 DOM 元素。

語法

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

其中

document - document 物件表示 HTML DOM。
Jsoup - 用於解析給定 HTML 字串的主類。
html - HTML 字串。
div - Element 物件表示表示錨點標籤的 HTML 節點元素。
div.html() - html(content) 方法使用對應值替換元素的外層 html。
div.prepend() - prepend(content) 方法將內容新增到外部 html 前。
div.append() - append(content) 方法將內容新增到外部 html 後。

描述

Element 物件表示一個 DOM 元素，並提供各種方法來設定、新增或附加 HTML 到 DOM 元素。

示例

使用你所選擇的任意編輯器建立一個以下 java 程式，比如 C:/> jsoup。

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.html("<p>This is a sample content.</p>");
      System.out.println("Outer HTML After Modification :\n"  + div.outerHtml());
      div.prepend("<p>Initial Text</p>");
      System.out.println("After Prepend :\n"  + div.outerHtml());
      div.append("<p>End Text</p>");
      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">
 <p>This is a sample content.</p>
</div>
After Prepend :
<div id="sampleDiv">
 <p>Initial Text</p>
 <p>This is a sample content.</p>
</div>
After Append :
<div id="sampleDiv">
 <p>Initial Text</p>
 <p>This is a sample content.</p>
 <p>End Text</p>
</div>
Outer HTML Before Modification :
<span>Sample Content</span>
Outer HTML After Modification :
<span>Sample Content</span>

列印頁面

上一個

下一個