Dart:以编程方式向 DivElement 添加子元素

标签 dart dart-html

假设我想添加一个 ButtonElementDivElement以编程方式,这样得到的 HTML 是:

<div class="blah">
    <input type="button" name="whatever" value="Push Me!" />
</div>

在 Dart 中,我在 DivElement 上看到了几种方法类,我不确定哪个适合哪种上下文:

ButtonElement button = constructButtonElement();
DivElement div = constructDiv();

div.add(button);
div.nodes.add(button);
div.children.add(button);
// ???

任何其他类型的容器也是如此:BodyElement , SpanElement将 DOM 元素动态添加到父容器的正确方法是什么?

最佳答案

我更喜欢使用一般的 Dart 方法和操作来处理 DOM 元素。因此,要将按钮添加到然后附加到主体的 div,我将执行以下操作:

import 'dart:html';

void main() {
  var div = new DivElement();
  var button = new ButtonElement()
    ..id = 'foo'
    ..text = 'Foo';
  div.children.add(button);
  document.body.children.add(div);
}

这将创建一个 ButtonElementid和一个 text , 将其附加到 DivElementchildren ,并附加 DivElement到文档正文。

关于Dart:以编程方式向 DivElement 添加子元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20826561/

相关文章:

dart - 如何计算列表中某个项目出现的次数? - Dart

calendar - 使用 dart 中的 googleapis 库更新日历并将其显示在网页上

jquery - jquery 扩展有任何等效的 dart 吗?

dart - 在Div上以编程方式模拟click()

dart - CORS 与 Dart,如何让它发挥作用?

flutter - 更改 Flutter 桌面应用程序窗口大小

firebase - 为小部件调用两个不同端点的最佳实践?

properties - 使用 dart 中的括号表示法访问对象的属性

html - dart中的路由器未捕获window.location.assign()

html - 如何获得所选文字?