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

aspx中利用js实现确认删除代码

Jul 22 Javascript

javascript数组操作(创建、元素删除、数组的拷贝)

Apr 07 Javascript

jquery实现鼠标点击后展开列表内容的导航栏效果

Sep 14 Javascript

jQuery动态添加

Apr 07 Javascript

vuejs指令详解

Feb 07 Javascript

详解Vue.js入门环境搭建

Mar 17 Javascript

jQuery 改变P标签文本值方法

Feb 24 jQuery

javascript将非数值转换为数值

Sep 13 Javascript

Node.js原生api搭建web服务器的方法步骤

Feb 15 Javascript

jsonp实现百度下拉框功能的方法分析

May 10 Javascript

jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例

May 13 jQuery

微信小程序文章详情功能完整实例

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

DC最新动画电影：《战争之子》为何内容偏激，毁了一个不错的漫画

2020/04/09 欧美动漫

PHP中动态HTML的输出技术

2006/10/09 PHP

在WAMP环境下搭建ZendDebugger php调试工具的方法

2011/07/18 PHP

php轻松实现中英文混排字符串截取

2014/05/28 PHP

jQuery获取json后使用zy_tmpl生成下拉菜单

2015/03/27 PHP

PHP设计模式（四）原型模式Prototype实例详解【创建型】

2020/05/02 PHP

autoPlay 基于jquery的图片自动播放效果

2011/12/07 Javascript

jQuery Tools Dateinput使用介绍

2012/07/14 Javascript

用js提交表单解决一个页面有多个提交按钮的问题

2014/09/01 Javascript

javascript实现节点（div）名称编辑

2014/12/17 Javascript

jQuery动态背景图片效果实现方法

2015/07/03 Javascript

JavaScript清空数组元素的两种方法简单比较

2015/07/10 Javascript

js不间断滚动的简单实现

2016/06/03 Javascript

简单实现的JQuery文本框水印插件

2016/06/14 Javascript

解决vue数组中对象属性变化页面不渲染问题

2018/08/09 Javascript

ng-events类似ionic中Events的angular全局事件

2018/09/05 Javascript

微信小程序实现两边小中间大的轮播效果的示例代码

2018/12/07 Javascript

微信小程序canvas开发水果老虎机的思路详解

2020/02/07 Javascript

vue.config.js中配置Vue的路径别名的方法

2020/02/11 Javascript

vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案

2021/03/01 Vue.js

python利用高阶函数实现剪枝函数

2018/03/20 Python

Python实现确认字符串是否包含指定字符串的实例

2018/05/02 Python

python中的变量如何开辟内存

2018/06/26 Python

利用python-docx模块写批量生日邀请函

2019/08/26 Python

pytorch 批次遍历数据集打印数据的例子

2019/12/30 Python

在PyCharm中遇到pip安装失败问题及解决方案(pip失效时的解决方案)

2020/03/10 Python

Python函数的迭代器与生成器的示例代码

2020/06/18 Python

Lombok插件安装(IDEA)及配置jar包使用详解

2020/11/04 Python

酒店端午节促销方案

2014/02/18 职场文书

大学生村官承诺书

2014/03/28 职场文书

计算机专业应届生求职信

2014/04/06 职场文书

产品发布会策划方案

2014/05/12 职场文书

离婚协议书的书写要求

2014/09/17 职场文书

2015年学校图书室工作总结

2015/05/19 职场文书

浅谈MySQL 亿级数据分页的优化

2021/06/15 MySQL

Win Server2016远程桌面如何允许多用户同时登录

2022/06/10 Servers