Jquery 动态生成表格示例代码


Posted in Javascript onDecember 24, 2013
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>动态创建表格</title> 
<script type="text/javascript" src="Scripts/jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
function CreateTable(rowCount,cellCount) 
{ 
var table=$("<table border=\"1\">"); 
table.appendTo($("#createtable")); 
for(var i=0;i<rowCount;i++) 
{ 
var tr=$("<tr></tr>"); 
tr.appendTo(table); 
for(var j=0;j<cellCount;j++) 
{ 
var td=$("<td>"+i*j+"</td>"); 
td.appendTo(tr); 
} 
} 
trend.appendTo(table); 
$("#createtable").append("</table>"); 
} 
</script> 
</head> <body> 
<input type="button" value="添加表格" onClick="CreateTable(5,6)" > 
<input type="button" value="添加行"> 
<div id="createtable"></div> 
<div id="createrow"></div> 
</body> 
</html>
Javascript 相关文章推荐
用js 让图片在 div或dl里 居中,底部对齐
Jan 21 Javascript
JavaScript面向对象之静态与非静态类
Feb 03 Javascript
用apply让javascript函数仅执行一次的代码
Jun 27 Javascript
JS方法调用括号的问题探讨
Jan 24 Javascript
深入理解javascript作用域和闭包
Sep 23 Javascript
Javascript获取表单名称(name)的方法
Apr 02 Javascript
jquery限定文本框只能输入数字(整数和小数)
Jan 08 Javascript
Javascript for in的缺陷总结
Feb 03 Javascript
Vue实现动态创建和删除数据的方法
Mar 17 Javascript
node.js学习笔记之koa框架和简单爬虫练习
Dec 13 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
Jun 13 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
Jun 10 Javascript
js 异步操作回调函数如何控制执行顺序
Dec 24 #Javascript
表格奇偶行设置不同颜色的核心JS代码
Dec 24 #Javascript
js中function()使用方法
Dec 24 #Javascript
document节点对象的获取方式示例介绍
Dec 24 #Javascript
JQuery结合CSS操作打印样式的方法
Dec 24 #Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
Dec 24 #Javascript
jquery自动切换tabs选项卡的具体实现
Dec 24 #Javascript
You might like
php 来访国内外IP判断代码并实现页面跳转
2009/12/18 PHP
PHP二维数组的去重问题解析
2011/07/17 PHP
PHP中获取文件扩展名的N种方法小结
2012/02/27 PHP
ThinkPHP令牌验证实例
2014/06/18 PHP
phpStorm+XDebug+chrome 配置详解
2019/04/01 PHP
PHP使用 Pear 进行安装和卸载包的方法详解
2019/07/08 PHP
js以对象为索引的关联数组
2010/07/04 Javascript
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
jQuery实现手机号码输入提示功能实例
2015/04/30 Javascript
javascript实现简单的html5视频播放器
2015/05/06 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
2016/01/19 Javascript
简单分析javascript中的函数
2016/09/10 Javascript
jQuery实现的无限级下拉菜单功能示例
2016/09/12 Javascript
jQuery解析XML 详解及方法总结
2016/09/28 Javascript
js 中文汉字转Unicode、Unicode转中文汉字、ASCII转换Unicode、Unicode转换ASCII、中文转换
2016/12/06 Javascript
Angular组件化管理实现方法分析
2017/03/17 Javascript
JavaScript中使用Async实现异步控制
2017/08/15 Javascript
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
ES2020让代码更优美的运算符 (?.) (??)
2021/01/04 Javascript
[45:52]2018DOTA2亚洲邀请赛 4.1小组赛 A组加赛 LGD vs Liquid
2018/04/02 DOTA
[00:29]2019完美世界全国高校联赛(秋季赛)总决赛海口落幕
2019/12/10 DOTA
python处理json数据中的中文
2014/03/06 Python
Python实现excel转sqlite的方法
2017/07/17 Python
python邮件发送smtplib使用详解
2020/06/16 Python
Python带动态参数功能的sqlite工具类
2018/05/26 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
pytorch 转换矩阵的维数位置方法
2018/12/08 Python
python读文件的步骤
2019/10/08 Python
使用OpenCV circle函数图像上画圆的示例代码
2019/12/27 Python
Django中FilePathField字段的用法
2020/05/21 Python
Python OpenCV实现测量图片物体宽度
2020/05/27 Python
银行员工辞职信范文
2014/01/20 职场文书
中学劳技课教师的自我评价
2014/02/05 职场文书
python 多态 协议 鸭子类型详解
2021/11/27 Python
Python学习之包与模块详解
2022/03/19 Python
nginx配置限速限流基于内置模块
2022/05/02 Servers