文档章节

dart系列(四) 动态生成”按钮”元素

 小小程序员1644
发布于 2015/12/02 23:13
字数 75
阅读 32
收藏 0

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

结果:

© 著作权归作者所有

共有 人打赏支持
粉丝 3
博文 17
码字总数 2287
作品 0
广州
私信 提问
Dart语言【009】DOM 操作

一、什么是DOM DOM是文档对象模型(Document Object Model)的简称。 在这个模型中,用一个有若干结点的树来表示一个web页面。将<html>视为根结点,如果<x>中有<y>,则将<y>视为<x>的子结点。...

风华神使
2015/05/29
0
0
图形和图表编辑技巧

1. 在网上发布Excel生成的图形 Excel的重要功能之一就是能快速方便地将工作表数据生成柱状、圆饼、折线等分析图形。要想在Web发布这类以及用于报表装饰示意类图形,首先单击“工具→选项”命...

寂岚峰
2017/11/04
0
0
为前端工程师准备的 Flutter 入门指南

为前端工程师准备的 Flutter 入门指南 box-sizing: border-box;} ); .greybox {background-color: #e0e0e0; / grey 300 /width: 320px;height: 240px;font: 900 24px Georgia;} child: Text......

hijiangtao
前天
0
0
Flutter中构建布局

你将学到什么? Flutter的布局机制如何工作。 如何垂直和水平布局小部件。 如何构建一个Flutter布局。 这是在Flutter中构建布局的指南。 您将构建以下屏幕截图的布局: 然后本指南回过头来解...

scooplol
2018/03/15
0
0
Dart的语法详解系列篇(四)-- 泛型、异步、库等有关详解

版权声明:本文为博主原创文章,未经博主允许不得转载。https://www.jianshu.com/p/a4a9c89b85ca 转载请标明出处: https://www.jianshu.com/p/a4a9c89b85ca 本文出自 AWeiLoveAndroid的博客...

AWeiLoveAndroid
2018/12/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

centos7重置密码、单用户模式、救援模式、ls命令、chmod命令

在工作当中如果我们错误的配置了文件使服务器不能正常启动或者忘记密码不能登录系统,如何解决这些问题呢?重装系统是可以实现的,但是往往不能轻易重装系统的,下面用忘记密码作为例子讲解如...

李超小牛子
今天
3
0
Python如何开发桌面应用程序?Python基础教程,第十三讲,图形界面

当使用桌面应用程序的时候,有没有那么一瞬间,想学习一下桌面应用程序开发?行业内专业的桌面应用程序开发一般是C++,C#来做,Java开发的也有,但是比较少。本节课会介绍Python的GUI(图形用...

程序员补给栈
今天
5
0
kafka在的使用

一、基本概念 介绍 Kafka是一个分布式的、可分区的、可复制的消息系统。它提供了普通消息系统的功能,但具有自己独特的设计。 这个独特的设计是什么样的呢? 首先让我们看几个基本的消息系统...

狼王黄师傅
今天
3
0
Android JNI总结

0x01 JNI介绍 JNI是Java Native Interface的缩写,JNI不是Android专有的东西,它是从Java继承而来,但是在Android中,JNI的作用和重要性大大增强。 JNI在Android中起着连接Java和C/C++层的作...

天王盖地虎626
昨天
3
0
大数据教程(11.8)Hive1.2.2简介&初体验

上一篇文章分析了Hive1.2.2的安装,本节博主将分享Hive的体验&Hive服务端和客户端的使用方法。 一、Hive与hadoop直接的关系 Hive利用HDFS存储数据,利用MapReduce查询数据。 二、Hive与传统数...

em_aaron
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部