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

jQuery版仿Path菜单效果

Dec 15 Javascript

jquery foreach使用示例

Sep 12 Javascript

用javascript替换URL中的参数值示例代码

Jan 27 Javascript

jquery实现点击label的同时触发文本框点击事件的方法

Jun 05 Javascript

jquery获取img的src值的简单实例

May 17 Javascript

用AngularJS的指令实现tabs切换效果

Aug 31 Javascript

基于jQuery的select下拉框选择触发事件实例分析

Nov 18 Javascript

jQuery实现的浮动层div浏览器居中显示效果

Feb 03 Javascript

轻松学习Javascript闭包

Mar 01 Javascript

jQuery 实现批量提交表格多行数据的方法

Aug 09 jQuery

vue实现axios图片上传功能

Aug 20 Javascript

uni-app如何实现增量更新功能

Jan 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

窗口函数(3) i5 10400(1) i7 6700(1) win10(43) 分析统计(1) i5 9400(1) Tomcat(18) 速龙(1) win11(40) ipad(1)

You might like

PHP 编程安全性小结

2010/01/08 PHP

php面向对象中的魔术方法中文说明

2014/03/04 PHP

JavaScript的public、private和privileged模式

2009/12/28 Javascript

javascript 同时在IE和FireFox获取KeyCode的代码

2010/02/07 Javascript

jQuery下的几个你可能没用过的功能

2010/08/29 Javascript

JS中eval函数的使用示例

2013/07/21 Javascript

js的toLowerCase方法用法实例

2015/01/27 Javascript

JQUERY简单按钮轮换选中效果实现方法

2015/05/07 Javascript

jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法

2016/07/27 Javascript

轮播的简单实现方法

2016/07/28 Javascript

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

2016/10/19 Javascript

Bootstrap轮播图的使用和理解4

2016/12/14 Javascript

js中的事件委托或是事件代理使用详解

2017/06/23 Javascript

React 使用browserHistory项目访问404问题解决

2018/06/01 Javascript

加快Vue项目的开发速度的方法

2018/12/12 Javascript

vue中axios实现数据交互与跨域问题

2019/05/12 Javascript

javascript中如何判断类型汇总

2019/05/14 Javascript

ES6中Symbol、Set和Map用法详解

2019/08/20 Javascript

vue 实现 rem 布局或vw 布局的方法

2019/11/13 Javascript

详细分析vue表单数据的绑定

2020/07/20 Javascript

新手该如何学python怎么学好python？

2008/10/07 Python

Python使用ntplib库同步校准当地时间的方法

2016/07/02 Python

python中执行shell的两种方法总结

2017/01/10 Python

详解用Python处理HTML转义字符的5种方式

2017/12/27 Python

Python基本语法之运算符功能与用法详解

2019/10/22 Python

python3图片文件批量重命名处理

2019/10/31 Python

python程序文件扩展名知识点详解

2020/02/27 Python

加拿大知名的国际儿童品牌：Hatley

2016/11/09 全球购物

三个Unix的命令面试题

2015/04/12 面试题

《春雨》教学反思

2014/04/24 职场文书

无刑事犯罪记录证明

2014/09/18 职场文书

小学生作文批改评语

2014/12/25 职场文书

小学新教师个人总结

2015/02/05 职场文书

2016年第二十届“母亲节暨幸福工程救助贫困母亲活动日”活动总结

2016/04/06 职场文书

图解上海144收音机

2021/04/22 无线电

django上传文件的三种方式

2021/04/29 Python