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

javascript知识点收藏

Feb 22 Javascript

JQuery jsonp 使用示例代码

Aug 12 Javascript

一个很简单的jquery+xml+ajax的无刷新树结构(无css，后台是c#)

Jun 02 Javascript

分享Javascript中最常用的55个经典小技巧

Nov 29 Javascript

Node.js中的process.nextTick使用实例

Jun 25 Javascript

js无法获取到html标签的属性的解决方法

Jul 26 Javascript

深入分析node.js的异步API和其局限性

Sep 05 Javascript

JS点击某个图标或按钮弹出文件选择框的实现代码

Sep 27 Javascript

微信小程序实现导航栏选项卡效果

Jun 19 Javascript

微信web端后退强制刷新功能的实现代码

Mar 04 Javascript

vue: WebStorm设置快速编译运行的方法

Oct 18 Javascript

微信小游戏中three.js离屏画布的示例代码

Oct 12 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