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

Dojo之路:如何利用Dojo实现Drag and Drop效果

Apr 10 Javascript

Ubuntu 11.10 安装Node.js的方法

Nov 30 Javascript

自动最大化窗口的Javascript代码

May 22 Javascript

用js来获取上传的文件名纯粹是为了美化而用

Oct 23 Javascript

简单的ajax连接库分享(不用jquery的ajax)

Jan 19 Javascript

简单js代码实现selece二级联动(推荐)

Feb 18 Javascript

javascript 闭包详解

Feb 15 Javascript

jQuery设置单选按钮radio选中/不可用的实例代码

Jun 24 Javascript

浅析ES6的八进制与二进制整数字面量

Aug 30 Javascript

浅谈目前可以使用ES10的5个新特性

Jun 25 Javascript

JS实现轮播图效果

Jan 11 Javascript

JQuery实现折叠式菜单的详细代码

Jun 03 jQuery

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

分页显示Oracle数据库记录的类之二

2006/10/09 PHP

php学习之数据类型之间的转换代码

2011/05/29 PHP

CI框架给视图添加动态数据

2014/12/01 PHP

拖动一个HTML元素

2006/12/22 Javascript

JavaScript 对Cookie 操作的封装小结

2009/12/31 Javascript

jquery 图片Silhouette Fadeins渐显效果

2010/02/07 Javascript

AJAX 网页保留浏览器前进后退等功能

2011/02/12 Javascript

jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍

2013/04/07 Javascript

jquerydom对象的事件隐藏显示和对象数组示例

2013/12/10 Javascript

jquery查找父元素、子元素(个人经验总结)

2014/04/09 Javascript

jQuery中:disabled选择器用法实例

2015/01/04 Javascript

关于JS中setTimeout()无法调用带参函数问题的解决方法

2016/06/21 Javascript

轻松掌握JavaScript装饰者模式

2016/08/27 Javascript

关于jQuery.ajax()的jsonp碰上post详解

2017/07/02 jQuery

解决vue动态为数据添加新属性遇到的问题

2018/09/18 Javascript

JQuery实现ajax请求的示例和注意事项

2018/12/10 jQuery

layer页面跳转,获取html子节点元素的值方法

2019/09/27 Javascript

JavaScript indexOf()原理及使用方法详解

2020/07/09 Javascript

JavaScript中的几种继承方法示例

2020/12/06 Javascript

原生JS实现拖拽功能

2020/12/16 Javascript

python获取当前运行函数名称的方法实例代码

2017/04/06 Python

Python学习小技巧之列表项的排序

2017/05/20 Python

Python利用turtle库绘制彩虹代码示例

2017/12/20 Python

基于python的多进程共享变量正确打开方式

2018/04/28 Python

对Python Pexpect 模块的使用说明详解

2019/02/14 Python

Python新手如何理解循环加载模块

2020/05/29 Python

python 实现音频叠加的示例

2020/10/29 Python

借助HTML5 Canvas来绘制三角形和矩形等多边形的方法

2016/03/14 HTML / CSS

FOREO官方网站：LUNA露娜洁面仪

2016/11/28 全球购物

Perfume’s Club中文官网：西班牙美妆在线零售品牌

2020/08/24 全球购物

Java中会存在内存泄漏吗，请简单描述

2016/12/22 面试题

前台文员岗位职责

2013/12/28 职场文书

测绘专业大学生职业生涯规划书

2014/02/10 职场文书

县委务虚会发言材料

2014/10/20 职场文书

机关单位2016年创先争优活动总结

2016/04/05 职场文书

关于windows server 2012 DC 环境重启后蓝屏代码:0xc00002e2的问题

2022/05/25 Servers