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

Question

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

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

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

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

Answer 1

一些选项：

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

或者

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

Answer 2

这应该适用于飞镖 1.14+

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

Answer 3

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

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