文档章节

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

 小小程序员1644
发布于 2015/12/02 23:13
字数 75
阅读 31
收藏 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的布局机制如何工作。 如何垂直和水平布局小部件。 如何构建一个Flutter布局。 这是在Flutter中构建布局的指南。 您将构建以下屏幕截图的布局: 然后本指南回过头来解...

scooplol
03/15
0
0
Dart 之于 JavaScript 正如 C# 之于 C++

版权声明:本文为 OSChina.NET 原创编译 转载务必注明出处,并保留链接! Dart之于JavaScript正如C #之于C++ 在谷歌工程师拉尔斯·巴克(Lars Bak)的V8 JavaScript解释器颠覆了Firefox所宣称...

虫虫
2011/10/20
3.4K
22
涨涨姿势,13 个比较冷门但很实用的编程语言

值得学习的编程语言多种多样,前端、后端乃至框架选项更是多达数百种。如果大家拥有计算机科学专业背景,那么对C或者C++一定不会陌生; 而如果您属于开发从业者,那么Java、Python、Perl与Rub...

局长
2017/02/09
5.6K
22

没有更多内容

加载失败,请刷新页面

加载更多

docker run 创建一个新的容器并运行一个命令

docker run常用命令 docker run :创建一个新的容器并运行一个命令 语法:docker run [OPTIONS] IMAGE [COMMAND] [ARG...] 1.OPTIONS说明 -t:为容器重新分配一个伪输入终端,通常与 -i 同时使...

lwenhao
7分钟前
0
0
安装Win出现无法创建新的分区也找不到现有的分区解决方案

无法创建新的分区也找不到现有的分区 ### 首先在安装界面按下 Shift+F10### 在出现的CMD界面输入: diskpart 进入磁盘管理工具diskpart### 可以输入 : list disk 查看磁盘列表l...

Kxvz
9分钟前
0
0
关于 @ngrx/Store 下 obj 的扩展问题

昨天做 task 的时候,遇到了一个问题。 TypeError: can't define property "x": "obj" is not extensible 而我的代码是 public txTiles: Array<TransactionFilterTile>; constructor(priv......

IrisHuang
11分钟前
0
0
presto内存管理及调优

内存池 Presto有三种内存池,分别为GENERAL_POOL、RESERVED_POOL、SYSTEM_POOL。这三个内存池占用的内存大小是由下面算法进行分配的: builder.put(RESERVED_POOL, new MemoryPool(RESERVED...

张欢19933
12分钟前
0
0
Mysql5.7服务版安装

步骤1: 勾选同意协议 步骤2:选择Server only模式 步骤3:选择安装目录 步骤4:执行文件 步骤5:端口号与用户配置 步骤6:选择标准系统用户 Finish后,安装完成。...

lyle_luo
12分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部