HTML CSS JAVASCRIPT PYTHON PYTHON2 JAVA C C++ C# SQL Excel Linux AI BOOTSTRAP PHP 教程库 参考手册 技术文章 测验 练习 HOWTO FAQ
❮ 上一节 下一节 ❯

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 元素。

示例

使用您选择的任何编辑器在 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 :"  + div.outerHtml());
      div.html("<p>This is a sample content.</p>");
      System.out.println("Outer HTML After Modification :"  + div.outerHtml());
      div.prepend("<p>Initial Text</p>");
      System.out.println("After Prepend :"  + div.outerHtml());
      div.append("<p>End Text</p>");
      System.out.println("After Append :"  + 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>
❮ 上一节 下一节 ❯