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

Zero Clipboard js+swf实现的复制功能使用方法

Mar 07 Javascript

JQuery 选择器、过滤器介绍

Feb 14 Javascript

代码获取历史上的今天发生的事

Apr 11 Javascript

使用Node.js实现一个简单的FastCGI服务器实例

Jun 09 Javascript

谷歌浏览器不支持showModalDialog模态对话框的解决方法

Sep 22 Javascript

jQuery插件formValidator自定义函数扩展功能实例详解

Nov 25 Javascript

js实现搜索框关键字智能匹配代码

Mar 26 Javascript

JS经典正则表达式笔试题汇总

Dec 15 Javascript

js实现把图片的绝对路径转为base64字符串、blob对象再上传

Dec 29 Javascript

Vue中使用ElementUI使用第三方图标库iconfont的示例

Oct 11 Javascript

Vue 通过公共字段,拼接两个对象数组的实例

Nov 07 Javascript

Vue循环遍历选项赋值到对应控件的实现方法

Jun 22 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

discuz程序的PHP加密函数原理分析

2011/08/05 PHP

Zend Studio去除编辑器的语法警告设置方法

2012/10/24 PHP

php实现的一个很好用HTML解析器类可用于采集数据

2013/09/23 PHP

PHP扩展开发入门教程

2015/02/26 PHP

PHP数组相关函数汇总

2015/03/24 PHP

PHP生成随机字符串（3种方法）

2015/09/25 PHP

PHP实现Redis单据锁以及防止并发重复写入

2018/04/10 PHP

PHP实现从PostgreSQL数据库检索数据分页显示及根据条件查找数据示例

2018/06/09 PHP

php+ajax实现文件切割上传功能示例

2020/03/03 PHP

用js实现随机返回数组的一个元素

2007/08/13 Javascript

jquery1.10给新增元素绑定事件的方法

2014/03/06 Javascript

JS实现仿京东淘宝竖排二级导航

2014/12/08 Javascript

JQuery遍历DOM节点的方法

2015/06/11 Javascript

RequireJS使用注意细节

2016/05/15 Javascript

jquery 多个radio的click事件实例

2016/12/03 Javascript

Bootstrap导航简单实现代码

2017/03/06 Javascript

解决Angularjs异步操作后台请求用$q.all排列先后顺序问题

2019/11/29 Javascript

Python实现简单的代理服务器

2015/07/25 Python

python一键升级所有pip package的方法

2017/01/16 Python

python3+PyQt5实现使用剪贴板做复制与粘帖示例

2017/01/24 Python

解决Python requests 报错方法集锦

2017/03/19 Python

Python中的浮点数原理与运算分析

2017/10/12 Python

python通过Windows下远程控制Linux系统

2018/06/20 Python

python对视频画框标记后保存的方法

2018/12/07 Python

python sort、sort_index方法代码实例

2019/03/28 Python

详解numpy.meshgrid()方法使用

2019/08/01 Python

new_zeros() pytorch版本的转换方式

2020/02/18 Python

CSS3动画效果回调处理详解

2014/12/10 HTML / CSS

IE10 Error.stack 让脚本调试更加方便快捷

2013/04/22 HTML / CSS

工商管理本科毕业生求职信范文

2013/10/05 职场文书

2015年元旦文艺汇演主持词

2014/03/26 职场文书

高一新生军训方案

2014/05/12 职场文书

付款证明格式范文

2015/06/19 职场文书

python编写五子棋游戏

2021/05/25 Python

vue实力踩坑之push当前页无效

2022/04/10 Vue.js

使用HBuilder制作一个简单的HTML5网页

2022/07/07 HTML / CSS