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 屏蔽按键效果与改变按键效果的示例代码
Dec 24 Javascript
IE与FireFox的JavaScript兼容问题解决办法
Dec 31 Javascript
js获取url中&quot;?&quot;后面的字串方法
May 15 Javascript
删除javascript中注释语句的正则表达式
Jun 11 Javascript
AngularJS初始化静态模板详解
Jan 14 Javascript
悬浮广告方法日常收集整理
Mar 18 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
Jun 20 Javascript
JavaScript学习小结之被嫌弃的eval函数和with语句实例详解
Aug 01 Javascript
js倒计时显示实例
Dec 11 Javascript
Angular在一个页面中使用两个ng-app的方法
Feb 20 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
vue使用drag与drop实现拖拽的示例代码
Sep 07 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
程序员编程十条戒律
2009/07/09 PHP
比较详细PHP生成静态页面教程
2012/01/10 PHP
PHP页面转UTF-8中文编码乱码的解决办法
2015/10/20 PHP
php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次)
2020/07/24 PHP
Javascript 二维数组
2009/11/26 Javascript
JavaScript 存在陷阱 删除某一区域所有节点
2010/05/10 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
2011/03/06 Javascript
jQuery应用之jQuery链用法实例
2015/01/19 Javascript
JavaScript汉诺塔问题解决方法
2015/04/21 Javascript
jQuery针对input的class属性写了多个值情况下的选择方法
2016/06/03 Javascript
浅析Javascript ES6中的原生Promise
2016/08/25 Javascript
Vue.js组件tabs实现选项卡切换效果
2016/12/01 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
Nodejs中使用captchapng模块生成图片验证码
2017/05/18 NodeJs
基于rem的移动端响应式适配方案(详解)
2017/07/07 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
2017/12/22 Javascript
JavaScript实现短暂提示框功能
2018/04/04 Javascript
js module大战
2019/04/19 Javascript
jQuery实现滑动星星评分效果(每日分享)
2019/11/13 jQuery
Vue CLI4 Vue.config.js标准配置(最全注释)
2020/06/05 Javascript
Django实现的自定义访问日志模块示例
2017/06/23 Python
Python列表推导式与生成器表达式用法示例
2018/02/08 Python
python 编码规范整理
2018/05/05 Python
使用python实现滑动验证码功能
2019/08/05 Python
pytorch 状态字典:state_dict使用详解
2020/01/17 Python
在Django中自定义filter并在template中的使用详解
2020/05/19 Python
python3访问字典里的值实例方法
2020/11/18 Python
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
印度和世界各地的精美产品:Ikka Dukka
2018/02/12 全球购物
竞聘演讲稿范文
2014/01/12 职场文书
珍惜水资源建议书
2014/03/12 职场文书
检讨书1000字
2014/10/11 职场文书
党员干部三严三实心得体会
2014/10/13 职场文书
体育教师个人总结
2015/02/09 职场文书
高中教师个人总结
2015/02/10 职场文书
强烈推荐:小学生:暑假作息时间表(值得收藏)
2019/07/09 职场文书