编程 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学习笔记 nt-child的使用

Jan 17 Javascript

Javascript继承机制的设计思想分享

Aug 28 Javascript

jQuery Form 页面表单提交的小例子

Nov 15 Javascript

Javascript 两种刷新方法以及区别和适用范围

Jan 17 Javascript

three.js绘制地球、飞机与轨迹的效果示例

Feb 28 Javascript

JointJS流程图的绘制方法

Dec 03 Javascript

vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例

Mar 08 Javascript

vue使用el-upload上传文件及Feign服务间传递文件的方法

Mar 15 Javascript

vue中使用element ui的弹窗与echarts之间的问题详解

Oct 25 Javascript

使用Vue-scroller页面input框不能触发滑动的问题及解决方法

Aug 08 Javascript

JS实现放大镜效果

Sep 21 Javascript

如何利用JavaScript编写一个格斗小游戏

Jan 06 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

PHP处理JSON字符串key缺少双引号的解决方法

2014/09/16 PHP

PHP生成静态HTML页面最简单方法示例

2015/04/09 PHP

laravel5.5添加echarts实现画图功能的方法

2019/10/09 PHP

JavaScript 10件让人费解的事情

2010/02/15 Javascript

javascript多种数据类型表格排序代码分析

2010/09/11 Javascript

突发奇想的一个jquery插件

2010/11/19 Javascript

js当一个变量为函数时应该注意的一点细节小结

2011/12/29 Javascript

js取消单选按钮选中并判断对象是否为空

2013/11/14 Javascript

使用Angular.js实现简单的购物车功能

2016/11/21 Javascript

jQuery Easyui datagrid editor为combobox时指定数据源实例

2016/12/19 Javascript

javascript稀疏数组(sparse array)和密集数组用法分析

2016/12/28 Javascript

基于jQuery实现的打字机效果

2017/01/16 Javascript

node.js操作mysql简单实例

2017/05/25 Javascript

JavaScript中的一些隐式转换和总结(推荐)

2017/12/22 Javascript

Angular5.0 子组件通过service传递值给父组件的方法

2018/07/13 Javascript

Mint UI组件库CheckList使用及踩坑总结

2018/12/20 Javascript

分享一个vue项目“脚手架”项目的实现步骤

2019/05/26 Javascript

使用Vue实现调用接口加载页面初始数据

2019/10/28 Javascript

解决vue自定义指令导致的内存泄漏问题

2020/08/04 Javascript

[02:51]2014DOTA2 TI小组赛总结中国军团全部进军钥匙球馆

2014/07/15 DOTA

[35:43]2018DOTA2亚洲邀请赛 4.1 小组赛B组 paiN vs Effect

2018/04/03 DOTA

Python 代码性能优化技巧分享

2012/08/07 Python

python实现的二叉树算法和kmp算法实例

2014/04/25 Python

在Django中使用Sitemap的方法讲解

2015/07/22 Python

python3.6+django2.0+mysql搭建网站过程详解

2019/07/24 Python

Python发起请求提示UnicodeEncodeError错误代码解决方法

2020/04/21 Python

python中threading开启关闭线程操作

2020/05/02 Python

python中yield的用法详解

2021/01/13 Python

大三预备党员入党思想汇报

2014/01/08 职场文书

农业项目建议书

2014/08/25 职场文书

授权委托书（公民个人适用）

2014/09/19 职场文书

四风批评与自我批评范文

2014/10/14 职场文书

发布会邀请函

2015/01/31 职场文书

退伍军人感言

2015/08/01 职场文书

redis客户端实现高可用读写分离的方式详解

2021/07/04 Redis

navicat 连接Ubuntu虚拟机的mysql的操作方法

2022/04/02 MySQL