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

imgAreaSelect 中文文档帮助说明

Oct 08 Javascript

js中单引号与双引号冲突问题解决方法

Oct 04 Javascript

javascript通过navigator.userAgent识别各种浏览器

Oct 25 Javascript

JavaScript中的eval()函数使用介绍

Dec 31 Javascript

常用的JavaScript模板引擎介绍

Feb 28 Javascript

JS 作用域与作用域链详解

Apr 07 Javascript

jQuery移动web开发之页面跳转和加载外部页面的实现

Dec 04 Javascript

JavaScript获取短信验证码（周期性）

Dec 29 Javascript

微信小程序轮播图swiper详解及实例（源码下载）

Jan 11 Javascript

Node.js数据库操作之查询MySQL数据库（二）

Mar 04 Javascript

vue中v-show和v-if的异同及v-show用法

Jun 06 Javascript

微信小程序自定义单项选择器样式

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中定义网站根目录的常用方法

2010/08/08 PHP

PHP正确解析UTF-8字符串技巧应用

2012/11/07 PHP

PHP中一些可以替代正则表达式函数的字符串操作函数

2014/11/17 PHP

PHP获取指定月份第一天和最后一天的方法

2015/07/18 PHP

提高php编程效率技巧

2015/08/13 PHP

PHP类和对象相关系统函数与运算符小结

2016/09/28 PHP

PHP封装的非对称加密RSA算法示例

2018/05/28 PHP

JavaScript面向对象编程

2008/03/02 Javascript

解析Javascript中大括号“{}”的多义性

2013/12/02 Javascript

jquery ui bootstrap 实现自定义风格

2014/11/14 Javascript

javascript框架设计之种子模块

2015/06/23 Javascript

前端程序员必须知道的高性能Javascript知识

2016/08/24 Javascript

angular使用post、get向后台传参的问题实例

2017/05/27 Javascript

easyui-datagrid开发实践(总结)

2017/08/02 Javascript

vue2+el-menu实现路由跳转及当前项的设置方法实例

2017/11/07 Javascript

vue的mixins属性详解

2018/03/14 Javascript

React 组件中的 bind(this)示例代码

2018/09/16 Javascript

小程序登录态管理的方法示例

2018/11/13 Javascript

vue项目前端错误收集之sentry教程详解

2019/05/27 Javascript

LayUI数据接口返回实体封装的例子

2019/09/12 Javascript

Element-UI+Vue模式使用总结

2020/01/02 Javascript

Python多线程编程（七）：使用Condition实现复杂同步

2015/04/05 Python

Python遍历目录中的所有文件的方法

2016/07/08 Python

Django 导出 Excel 代码的实例详解

2017/08/11 Python

Python之Scrapy爬虫框架安装及使用详解

2017/11/16 Python

tensorflow入门之训练简单的神经网络方法

2018/02/26 Python

python 以16进制打印输出的方法

2018/07/09 Python

pytorch在fintune时将sequential中的层输出方法,以vgg为例

2019/08/20 Python

详解python中index()、find()方法

2019/08/29 Python

匈牙利超级网上商店和优惠：Alza.hu

2019/12/17 全球购物

智乐游戏测试笔试题

2014/05/21 面试题

安全事故检讨书

2014/01/18 职场文书

个人融资协议书

2014/10/02 职场文书

2014法院四风问题对照检查材料思想汇报

2014/10/04 职场文书

五好文明家庭事迹材料

2014/12/20 职场文书

PostgreSQL 插入INSERT、删除DELETE、更新UPDATE、事务transaction

2022/04/12 PostgreSQL