编程 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宝典学习笔记（上）

Jan 10 Javascript

js与jquery中获取当前鼠标的x、y坐标位置的代码

May 23 Javascript

javascript 获取iframe里页面中元素值的方法

Feb 17 Javascript

JQuery中使用on方法绑定hover事件实例

Dec 09 Javascript

bootstrap IE8 兼容性处理

Mar 22 Javascript

ECMAScript6 新特性范例大全

Mar 24 Javascript

vue引入swiper插件的使用实例

Jul 19 Javascript

Angular服务Request异步请求的实例讲解

Aug 13 Javascript

Vue实现底部侧边工具栏的实例代码

Sep 03 Javascript

微信小程序image图片加载完成监听

Aug 31 Javascript

详解简单易懂的 ES6 Iterators 指南和示例

Sep 24 Javascript

JavaScript工具库MyTools详解

Jan 01 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/02 日漫

星际初学者游戏中永远要做的事

2020/03/04 星际争霸

判“新”函数：得到今天与明天的秒数

2006/10/09 PHP

PHP开发入门教程之面向对象

2006/12/05 PHP

使用array mutisort 实现按某字段对数据排序

2013/06/18 PHP

PHP AjaxForm提交图片上传并显示图片源码

2016/11/29 PHP

谈谈php对接芝麻信用踩的坑

2016/12/01 PHP

Javascript 强制类型转换函数

2009/05/17 Javascript

JavaScript使用Prototype实现面向对象的方法

2015/04/14 Javascript

js实现的四级左侧网站分类菜单实例

2015/05/06 Javascript

animate 实现滑动切换效果【实例代码】

2016/05/05 Javascript

Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例

2017/01/22 Javascript

angularJS深拷贝详解

2017/03/23 Javascript

react-router实现跳转传值的方法示例

2017/05/27 Javascript

vue mint-ui tabbar变组件使用

2018/05/04 Javascript

微信小程序http连接访问解决方案的示例

2018/11/05 Javascript

node.js中express模块创建服务器和http模块客户端发请求

2019/03/06 Javascript

解决layui数据表格Date日期格式的回显Object的问题

2019/09/19 Javascript

解决antd 下拉框 input [defaultValue] 的值的问题

2020/10/31 Javascript

[03:02]生活中的Dendi之野外度假篇

2016/08/09 DOTA

wxpython 学习笔记第一天

2009/03/16 Python

在Python下使用Txt2Html实现网页过滤代理的教程

2015/04/11 Python

python批量识别图片指定区域文字内容

2019/04/30 Python

Pytorch Tensor 输出为txt和mat格式方式

2020/01/03 Python

Needle & Thread官网：英国仙女品牌

2018/01/13 全球购物

美国宠物美容和宠物用品购物网站：Cherrybrook

2018/12/07 全球购物

DataReader和DataSet的异同

2014/12/31 面试题

大学生村官心得体会范文

2014/01/04 职场文书

颂军魂爱军营演讲稿

2014/09/13 职场文书

2014年党支部工作总结

2014/11/13 职场文书

优秀党务工作者先进事迹材料

2014/12/25 职场文书

国家助学金感谢信

2015/01/21 职场文书

商务英语求职信范文

2015/03/19 职场文书

仙境之桥观后感

2015/06/16 职场文书

2016大学迎新欢迎词

2015/09/29 职场文书

详解JS数组方法

2021/11/20 Javascript