5

結果の HTML が次のようになるように、プログラムでaButtonElementに aを追加したいとします。DivElement

<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、他の種類のコンテナについても同じことが言えます。親コンテナに DOM 要素を動的に追加する正しい方法は何ですか?SpanElement

4

1 に答える 1

5

一般的な 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追加し、ドキュメントの本文にを追加します。textDivElementchildrenDivElement

于 2013-12-29T17:27:28.760 に答える