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 prototype截取字符串函数
Apr 01 Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
Oct 17 Javascript
jquery创建一个ajax关键词数据搜索实现思路
Feb 26 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
Nov 12 Javascript
node.js中的http.createServer方法使用说明
Dec 14 Javascript
XML文件转化成NSData对象的方法
Aug 12 Javascript
JavaScript数组方法大全(推荐)
Jul 05 Javascript
JS验证input输入框(字母,数字,符号,中文)
Mar 23 Javascript
微信小程序商城项目之淘宝分类入口(2)
Apr 17 Javascript
实现div滚动条默认最底部以及默认最右边的示例代码
Nov 15 Javascript
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
微信小程序中如何使用flyio封装网络请求
Jul 03 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一些十分严重的缺陷详解
2013/06/03 PHP
php生成二维码的几种方式整理及使用实例
2013/06/03 PHP
thinkphp 一个页面使用2次分页的实现方法
2013/07/15 PHP
6个超实用的PHP代码片段
2015/08/10 PHP
优化WordPress中文章与评论的时间显示
2016/01/12 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
详解PHP多个进程配合redis的有序集合实现大文件去重
2019/03/06 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
javascript:void(0)的真正含义实例分析
2008/08/20 Javascript
JavaScript 加号(+)运算符号
2009/12/06 Javascript
Html中JS脚本执行顺序简单举例说明
2010/06/19 Javascript
javascript循环变量注册dom事件 之强大的闭包
2010/09/08 Javascript
js实时监听文本框状态的方法
2011/04/26 Javascript
目前流行的JavaScript库的介绍及对比
2013/09/29 Javascript
javascript文件加载管理简单实现方法
2015/07/25 Javascript
总结javascript中的六种迭代器
2016/08/16 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
2016/11/24 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
JavaScript实现的XML与JSON互转功能详解
2017/02/16 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
Vue中的vue-resource示例详解
2018/11/02 Javascript
利用jquery和BootStrap实现动态滚动条效果
2018/12/03 jQuery
[39:21]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.24
2019/09/10 DOTA
python批量提取word内信息
2015/08/09 Python
Python实现TCP协议下的端口映射功能的脚本程序示例
2016/06/14 Python
Python实现Kmeans聚类算法
2020/06/10 Python
对python的bytes类型数据split分割切片方法
2018/12/04 Python
详解Django配置优化方法
2019/11/18 Python
Python django搭建layui提交表单,表格,图标的实例
2019/11/18 Python
Django Haystack 全文检索与关键词高亮的实现
2020/02/17 Python
日本快乐生活方式购物网站:Shop Japan
2018/07/17 全球购物
会计助理的岗位职责
2013/11/29 职场文书
小学生个人先进事迹材料
2014/05/08 职场文书
计算机系本科生求职信
2014/05/31 职场文书
JavaScript利用html5新方法操作元素类名详解
2021/11/27 Javascript