Dart：如何动态设置文档正文innerHTML

Posted 2023-03-29

【中文标题】Dart：如何动态设置文档正文innerHTML

【英文标题】：Dart: how to dynamically set document's body's innerHTML

【发布时间】：2014-01-15 10:43:47

【问题描述】：

我看到 Dart 有一个 BodyElement 类，并且它有一个 innerhtml 属性。

我还看到，您可以通过 window.document.body 访问当前文档的正文，但是，此 body 属性没有 getter/setter 方法。

所以我试图将两者联系在一起：我如何动态设置当前文档正文的内部 HTML？我正在寻找类似的东西：

String html = "<p><h1>I'm dynamic</h1>";
window.document.body = bodyElementFactory.newBodyElement(html);

【参考方案1】：

一些选项：

querySelector('body').appendHtml("<p><h1>I'm dynamic</h1>");

或

querySelector('body').innerHtml = "<p><h1>I'm dynamic</h1>";

【参考方案2】：

这应该适用于 dart 1.14+

String html = "<p><h1>I'm dynamic</h1>";
querySelector('body').setInnerHtml(html);

【参考方案3】：

document.body 返回BodyElement。如果您愿意，可以执行以下操作：

document.body.innerHtml = "<h1>I'm dynamic</h1>";