文档章节

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
六,JavaWeb简略的谈下前端技术JavaScript

首先,JavaScript就是大家熟知的js,它和Java没有半毛钱关系,和JSP也没有半毛钱关系。他是Web页面中的脚本语言,是一种解释型语言,它的发明者看到java挺火的,然后就说,那么咱们就叫他jav...

zhanggong
2016/01/13
85
0

没有更多内容

加载失败,请刷新页面

加载更多

vue-router的HTML5 History 模式设置

VUE是当下最火爆的前端框架之一,vue-router是vue项目中几乎都会用到的组件,然而体验一时爽,其实坑不少。本篇经验将详细介绍vue-router的两种mode效果和开发测试环境下的问题,并给出解决方...

peakedness丶
20分钟前
1
0
Dubbo 源码分析 - 服务引用

1. 简介 在上一篇文章中,我详细的分析了服务导出的原理。本篇文章我们趁热打铁,继续分析服务引用的原理。在 Dubbo 中,我们可以通过两种方式引用远程服务。第一种是使用服务直联的方式引用...

小刀爱编程
30分钟前
1
0
redis_集群原理

数据分布 数据分布理论 分布式系统数据分区规则:常见的有哈希分区和顺序分区两种。 哈希分区 常见的hash分区规则有:节点取余分区,一致性hash分区,虚拟槽分区. redis数据分区 redis集群功能...

grace_233
30分钟前
0
0
数据库(mysql)业务用户表批量造测试用户密码数据[方案]

博主这几天在配合公司测试做商城商品秒杀场景的压测,由于秒杀需要登录,所以需要为测试创建多个用户密码。此项任务可能在今后还会遇到,先做个笔录。同时,让小伙伴们需要的时候也可以有个参...

em_aaron
46分钟前
2
0
JDK_jvisualvm访问远程weblogic服务

1.首先需要在远程的weblogic的域下面,找到/bin/ setDomainEnv.sh ,需要在此文件下加入如下内容: -Dcom.sun.management.jmxremote.port=1090 ##端口号可以自己指定 -Dcom.sun.management.j...

四年级小学生
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部