如何在Android的WebView中设置DIV元素的内容？

嘿，看你已经拿到了WebView里的header节点引用，应该是卡在怎么给它设置HTML内容这一步了吧？我来给你两种实用的解决方案：

首先先确认你的初始HTML结构没问题：

<!DOCTYPE html>
<html>
 <body>
  <div class="section" id="header"></div>
  <div class="section" id="content"></div>
  <div class="section" id="status"></div>
 </body>
</html>

方法1：用WebEngine执行JS设置innerHTML（最省心） #

直接借助JavaScript的DOM API来设置，比纯Java操作DOM简单太多，尤其是处理复杂HTML结构的情况：

WebEngine engine = webView.getEngine();
// 一定要等页面加载完成再操作，不然可能拿不到目标节点
engine.getLoadWorker().stateProperty().addListener((obs, oldState, newState) -> {
    if (newState == Worker.State.SUCCEEDED) {
        // 把你要设置的HTML内容直接写在JS语句里
        engine.executeScript("document.getElementById('header').innerHTML = '<h1>我的头部标题</h1><p>这里是头部的描述内容</p>';");
    }
});

方法2：用W3C DOM API手动构建节点（更可控） #

如果你不想用JS，想用纯Java的DOM API一步步构建节点、控制细节，也可以这么做：

WebEngine engine = webView.getEngine();
engine.getLoadWorker().stateProperty().addListener((obs, oldState, newState) -> {
    if (newState == Worker.State.SUCCEEDED) {
        Document doc = engine.getDocument();
        Element headerNode = (Element) doc.getElementById("header");
        
        // 创建h1标题元素并添加到header节点
        Element titleElement = doc.createElement("h1");
        titleElement.setTextContent("我的头部标题");
        headerNode.appendChild(titleElement);
        
        // 创建段落元素并添加到header节点
        Element descElement = doc.createElement("p");
        descElement.setTextContent("这里是头部的描述内容");
        headerNode.appendChild(descElement);
    }
});

重要提醒 #

• 千万别忘了等WebEngine的加载状态变成SUCCEEDED再操作DOM！不然getElementById("header")可能返回null，直接触发空指针异常。
• 如果你之前试过headerNode.setTextContent()，那只会把内容当作纯文本显示，不会解析成HTML标签，这就是为什么需要用上面两种方法的原因。

内容的提问来源于stack exchange，提问作者Edy Bourne