dart系列（四）动态生成”按钮”元素

最新推荐文章于 2023-09-05 11:42:51 发布

weixin_34194379

最新推荐文章于 2023-09-05 11:42:51 发布

阅读量152

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/2542078/blog/538595

版权

2019独角兽企业重金招聘Python工程师标准>>>

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 );
  }

结果：