编程 Javascript

JS实现点击按钮自动增加一个单元格的方法

Posted in Javascript onMarch 09, 2015

本文实例讲述了JS实现点击按钮自动增加一个单元格的方法。分享给大家供大家参考。具体分析如下：

这是一个网页在线自助生成表格的特效代码。
核心功能代码是JS实现，点击网页中的添加按钮，网页中自动增加一个单元格

<HTML>

<HEAD>

<TITLE>js动态生成表格</TITLE>

<META content="text/html; charset=hz-gb-2312" http-equiv=Content-Type>

</HEAD>

<script>

function creates(){

newiframes=document.createElement("TABLE")

newiframes.id="t1"

newiframes.width="100"

newiframes.border="1"

newiframes.height="100"

newiframes.align="left"

newiframes.style.background="blue"

newiframes.insertRow()

newiframes.rows[0].insertCell()

document.body.insertBefore(newiframes)

}

</script>

<body>

<input type=button value='动态生成表格' onclick=creates()><br>

</body>

</HTML>

希望本文所述对大家的javascript程序设计有所帮助。

JS实现点击按钮自动增加一个单元格的方法

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery tools 系列 scrollable学习

Sep 06 Javascript

页面调用单个swf文件，嵌套出多个方法。

Nov 21 Javascript

jquery选择器的选择使用及性能介绍

Jan 16 Javascript

js转义字符介绍

Nov 05 Javascript

JS:window.onload的使用介绍

Nov 13 Javascript

JavaScript打印网页指定区域的例子

May 03 Javascript

JQuery Tips相关(1)----关于$.Ready()

Aug 14 Javascript

jQuery选择器源码解读（六）：Sizzle选择器匹配逻辑分析

Mar 31 Javascript

JavaScript将字符串转换为整数的方法

Apr 14 Javascript

vue中阻止click事件冒泡,防止触发另一个事件的方法

Feb 08 Javascript

jQuery实现带3D切割效果的轮播图功能示例【附源码下载】

Apr 04 jQuery

基于layui内置模块(element常用元素的操作)

Sep 20 Javascript

JS实现网页表格自动变大缩小的方法

Mar 09 #Javascript

EasyUI中datagrid在ie下reload失败解决方案

Mar 09 #Javascript

JS控制网页动态生成任意行列数表格的方法

Mar 09 #Javascript

jQuery随机密码生成的方法

Mar 09 #Javascript

jQuery实现简单的间隔向上滚动效果

Mar 09 #Javascript

jQuery实现鼠标划过展示大图的方法

Mar 09 #Javascript

javascript 对象数组根据对象object key的值排序

Mar 09 #Javascript

You might like

星际争霸秘籍

2020/03/04 星际争霸

PHP输出控制功能在简繁体转换中的应用

2006/10/09 PHP

PHP实例分享判断客户端是否使用代理服务器及其匿名级别

2014/06/04 PHP

YII Framework教程之异常处理详解

2016/03/14 PHP

php封装的数据库函数与用法示例【参考thinkPHP】

2016/11/08 PHP

PHP中overload与override的区别

2017/02/13 PHP

ThinkPHP框架表单验证操作方法

2017/07/19 PHP

PHP实现求两个字符串最长公共子串的方法示例

2017/11/17 PHP

javascript TextArea动态显示剩余字符

2008/10/22 Javascript

JavaScript的类型转换(字符转数字数字转字符)

2010/08/30 Javascript

js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)

2013/01/29 Javascript

用js正确判断用户名cookie是否存在的方法

2014/01/28 Javascript

全面解析Bootstrap中tooltip、popover的使用方法

2016/06/13 Javascript

使用Bootstrap Tabs选项卡Ajax加载数据实现

2016/12/23 Javascript

ES6学习之变量的两种命名方法示例

2017/07/18 Javascript

js+html5生成自动排列对话框实例

2017/10/09 Javascript

js计算两个日期间的天数月的实例代码

2018/09/20 Javascript

react native基于FlatList下拉刷新上拉加载实现代码示例

2018/09/30 Javascript

微信小程序实现笑脸评分功能

2018/11/03 Javascript

如何在Vue中使用CleaveJS格式化你的输入内容

2018/12/14 Javascript

vue项目出现页面空白的解决方案

2019/10/31 Javascript

jQuery 选择器用法基础入门示例

2020/01/04 jQuery

[01:45]亚洲邀请赛互动指南虚拟物品介绍

2015/01/30 DOTA

python赋值操作方法分享

2013/03/23 Python

pandas的object对象转时间对象的方法

2018/04/11 Python

Django如何防止定时任务并发浅析

2019/05/14 Python

Pytorch之Variable的用法

2019/12/31 Python

基于python实现文件加密功能

2020/01/06 Python

Django模型中字段属性choice使用说明

2020/03/30 Python

浅谈keras使用中val_acc和acc值不同步的思考

2020/06/18 Python

用opencv给图片换背景色的示例代码

2020/07/08 Python

英国家庭家具、照明和花园家具购物网站：Furniture123

2018/12/31 全球购物

如何保障Web服务器安全

2014/05/05 面试题

大学运动会通讯稿

2014/01/28 职场文书

警察正风肃纪剖析材料

2014/10/16 职场文书

MySQL表锁、行锁、排它锁及共享锁的使用详解

2022/04/02 MySQL