假设我想添加一个 ButtonElement
到 DivElement
以编程方式,这样得到的 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);
}
这将创建一个
ButtonElement
与 id
和一个 text
, 将其附加到 DivElement
的 children
,并附加 DivElement
到文档正文。
关于Dart:以编程方式向 DivElement 添加子元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20826561/