dart系列（四） 動態生成」按鈕」元素

inde.html

 <div>
    <button id="bt2" style="width:140px; height:60px;">動態建立按鈕</button>
    <div id="carteButton_div"></div>
    
  </div>

main.dart

import 'dart:html';
import 'dart:core';
void main() {
  var I =1;
    void createButton(Event e)
    {
      ButtonElement btn1 = new ButtonElement();
      btn1.id =   I.toString() ;
      btn1.text = "第" + I.toString() + "個按鈕";
      I++;
    
      querySelector('#carteButton_div').append( btn1);
    }
  
    querySelector('#bt2').onClick.listen( createButton );
  }

結果：