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

js event事件的传递与冒泡处理

Dec 06 Javascript

再说AutoComplete自动补全之实现原理

Nov 05 Javascript

node.js 一个简单的页面输出实现代码

Mar 07 Javascript

浅析Javascript使用include/require

Nov 13 Javascript

jQuery 处理页面的事件详解

Jan 20 Javascript

使用vue.js制作分页组件

Jun 27 Javascript

Angular和百度地图的结合实例代码

Oct 19 Javascript

localStorage实现便签小程序

Nov 28 Javascript

Vue的MVVM实现方法

Aug 16 Javascript

vue.js单文件组件中非父子组件的传值实例

Sep 13 Javascript

JavaScript检查数据中是否存在相同的元素（两种方法）

Oct 07 Javascript

turn.js异步加载实现翻书效果

Jul 25 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 ob_start()控制浏览器cache、生成html实现代码

2010/02/16 PHP

PHP下 Mongodb 连接远程数据库的实例代码

2017/08/30 PHP

PHP PDOStatement::setFetchMode讲解

2019/02/03 PHP

实用javaScript技术-屏蔽类

2006/08/15 Javascript

通过修改referer下载文件的方法

2008/05/11 Javascript

JS命名空间的另一种实现

2013/08/09 Javascript

js获取会话框prompt的返回值的方法

2015/01/10 Javascript

jQuery实现contains方法不区分大小写的方法

2015/02/13 Javascript

Canvas实现放射线动画效果

2017/02/15 Javascript

VUE 更好的 ajax 上传处理 axios.js实现代码

2017/05/10 Javascript

基于Vue实现图书管理功能

2017/10/17 Javascript

使用vue中的v-for遍历二维数组的方法

2018/03/07 Javascript

vue 的keep-alive缓存功能的实现

2018/03/22 Javascript

微信小程序实现获取用户信息并存入数据库操作示例

2019/05/07 Javascript

layui table 表格模板按钮的实例代码

2019/09/21 Javascript

[47:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17

2018/08/18 DOTA

pyside写ui界面入门示例

2014/01/22 Python

python数组过滤实现方法

2015/07/27 Python

Python学习笔记整理3之输入输出、python eval函数

2015/12/14 Python

python socket多线程通讯实例分析(聊天室)

2016/04/06 Python

Python中模块与包有相同名字的处理方法

2017/05/05 Python

Oracle的内存结构(Memory structures)

2015/06/10 面试题

中学教师岗位职责

2013/11/26 职场文书

上班早退检讨书

2014/01/09 职场文书

理工类毕业自我鉴定

2014/02/20 职场文书

初中学校军训方案

2014/05/09 职场文书

大型会议策划方案

2014/05/17 职场文书

志愿者活动总结报告

2014/06/27 职场文书

小学生安全责任书

2014/07/25 职场文书

个人纪律作风整改措施思想汇报

2014/10/12 职场文书

大班上学期个人总结

2015/02/13 职场文书

盗窃案辩护词

2015/05/21 职场文书

失恋33天观后感

2015/06/11 职场文书

redis连接被拒绝的解决方案

2021/04/12 Redis

如何在C++中调用Python

2021/05/21 Python

Spring Boot DevTools 全局配置学习指南

2022/03/31 Java/Android