编程 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 相关文章推荐

De facto standard 世界上不可思议的事实标准

Aug 29 Javascript

jQuery-ui引入后Vs2008的无智能提示问题解决方法

Feb 10 Javascript

jQuery中attr()方法用法实例

Jan 05 Javascript

老司机带你解读jQuery插件开发流程

May 16 Javascript

jquery 将当前时间转换成yyyymmdd格式的实现方法

Jun 01 Javascript

AngularJS入门教程之过滤器详解

Aug 19 Javascript

JS触摸事件、手势事件详解

May 04 Javascript

小发现之浅谈location.search与location.hash的问题

Jun 23 Javascript

Vuex 进阶之模块化组织详解

Jan 12 Javascript

微信小程序实现换肤功能

Mar 14 Javascript

使用vuex缓存数据并优化自己的vuex-cache

May 30 Javascript

nuxt踩坑之Vuex状态树的模块方式使用详解

Sep 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

星际争霸中的对战模式介绍

2020/03/04 星际争霸

Search File Contents PHP 搜索目录文本内容的代码

2010/02/21 PHP

php生成随机颜色方法汇总

2014/12/03 PHP

PHP控制反转（IOC）和依赖注入（DI）

2017/03/13 PHP

JavaScript方法和技巧大全

2006/12/27 Javascript

用jQuery简化JavaScript开发分析

2009/02/19 Javascript

jQuery 瀑布流绝对定位布局（二）(延迟AJAX加载图片)

2012/05/23 Javascript

jQuery的ready方法详解

2014/11/27 Javascript

JavaScript实现的类字典插入或更新方法实例

2015/07/10 Javascript

JavaScript实现自动对页面上敏感词进行屏蔽的方法

2015/07/27 Javascript

详解vue.js全局组件和局部组件

2017/04/10 Javascript

详解Vue用axios发送post请求自动set cookie

2017/05/10 Javascript

使用Vue-Router 2实现路由功能实例详解

2017/11/14 Javascript

vue中动态设置meta标签和title标签的方法

2018/07/11 Javascript

vue递归组件实战之简单树形控件实例代码

2019/08/27 Javascript

解决vue admin element noCache设置无效的问题

2019/11/12 Javascript

简单学习Python多进程Multiprocessing

2017/08/29 Python

pandas object格式转float64格式的方法

2018/04/10 Python

python3+PyQt5实现文档打印功能

2018/04/24 Python

Sanic框架路由用法实例分析

2018/07/16 Python

django的auth认证，authenticate和装饰器功能详解

2019/07/25 Python

Anaconda＋vscode＋pytorch环境搭建过程详解

2020/05/25 Python

完美解决keras保存好的model不能成功加载问题

2020/06/11 Python

python 用struct模块解决黏包问题

2020/11/07 Python

css3中仿放大镜效果的几种方式原理解析

2020/12/03 HTML / CSS

Larsson & Jennings官网：现代瑞士钟表匠

2018/03/20 全球购物

Ramy Brook官网：美国现代女装品牌

2019/06/18 全球购物

工程部主管岗位职责

2013/11/17 职场文书

师范生个人推荐信

2013/11/29 职场文书

洗车工岗位职责

2014/03/15 职场文书

护士长竞聘书

2014/03/31 职场文书

房地产活动策划方案

2014/05/14 职场文书

借款协议书

2014/09/16 职场文书

会计人员岗位职责

2015/02/03 职场文书

力克胡哲观后感

2015/06/10 职场文书

MySQL 全文检索的使用示例

2021/06/07 MySQL