JS实现点击按钮自动增加一个单元格的方法

 更新时间:2015年03月09日 11:34:37   投稿:shichen2014  
这篇文章主要介绍了JS实现点击按钮自动增加一个单元格的方法,实例分析了javascript操作表格单元格的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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实现拖拽排序的示例代码

    原生JS实现拖拽排序的示例代码

    说到拖拽,应用场景不可谓不多。无论是打开电脑还是手机,第一眼望去的界面都是可拖拽的,靠拖拽实现APP或者应用的重新布局,或者拖拽文件进行操作文件。本文就将利用JS实现拖拽排序,需要的可以参考一下
    2022-12-12
  • Async Validator 异步验证使用说明

    Async Validator 异步验证使用说明

    async-validator 是一个异步验证的库,需要传入要验证的数据和验证规则 ,下面通过本文给大家介绍Async Validator 异步验证使用说明,需要的的朋友参考下吧
    2017-07-07
  • JavaScript阻止事件冒泡和默认行为的方法举例

    JavaScript阻止事件冒泡和默认行为的方法举例

    JavaScript事件的默认行为指浏览器自动执行的操作,如链接跳转或表单提交,阻止这些行为可以使用event.preventDefault()、return false或event.returnValue属性,event.stopPropagation()用于阻止事件传播,不直接阻止默认行为,需要的朋友可以参考下
    2024-10-10
  • javascript验证香港身份证的格式或真实性

    javascript验证香港身份证的格式或真实性

    本文分享了利用javascript验证香港身份证的格式或真实性的代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript加载速度优化方法

    JavaScript加载速度优化方法

    通过使用CDN、压缩、异步加载、尽可能的减少JavaScript文件大小、利用缓存机制、使用Vanilla JS、使用ES6特性、将JavaScript文件放到底部、减少对DOM的访问以及避免重复代码等方法,可以优化JavaScript文件的加载和执行速度,提供更好的用户体验和更高的性能
    2023-08-08
  • javascript计算渐变颜色的实例

    javascript计算渐变颜色的实例

    这篇文章主要介绍了javascript计算渐变颜色的实例的相关资料,希望通过本文能帮助到大家,让大家理解掌握这部分内容,需要的朋友可以参考下
    2017-09-09
  • 微信小程序使用onreachBottom实现页面触底加载及分页效果

    微信小程序使用onreachBottom实现页面触底加载及分页效果

    小程序还没有使用pc端的那种分页格式,下面这篇文章主要给大家介绍了关于微信小程序使用onreachBottom实现页面触底加载及分页效果的相关资料,需要的朋友可以参考下
    2022-10-10
  • xWin之JS版

    xWin之JS版

    xWin之JS版...
    2006-11-11
  • ajax 缓存 问题 requestheader

    ajax 缓存 问题 requestheader

    最近刚刚遇到一个问题是这样的,我的treeview点击结点显示地图要素是通过prototype的ajax实现的
    2010-08-08
  • javaScript日期工具类DateUtils详解

    javaScript日期工具类DateUtils详解

    这篇文章主要为大家详细介绍了javaScript日期工具类DateUtils,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12

最新评论