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 相关文章推荐
基于jquery自己写tab滑动门(通用版)
Oct 30 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
May 07 Javascript
JQuery设置和去除disabled属性的5种方法总结
May 16 Javascript
JS验证身份证有效性示例
Oct 11 Javascript
js向上无缝滚动,网站公告效果 具体代码
Nov 18 Javascript
JS组件Bootstrap Table表格多行拖拽效果实现代码
Dec 08 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
Dec 24 Javascript
Vue实现PopupWindow组件详解
Apr 28 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
Dec 19 Javascript
React中的Context应用场景分析
Jun 11 Javascript
适合后台管理系统开发的12个前端框架(小结)
Jun 29 Javascript
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
Nov 27 Vue.js
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为表单获取的URL 地址预设 http 字符串函数代码
2010/05/26 PHP
javascript 遍历验证所有文本框的值
2009/08/27 Javascript
11款基于Javascript的文件管理器
2009/10/25 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
Bootstrap框架动态生成Web页面文章内目录的方法
2016/05/12 Javascript
js 获取站点应用名的简单实例
2016/08/18 Javascript
深入理解jQuery()方法的构建原理
2016/12/05 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
JS实现的判断方法、变量是否存在功能示例
2020/03/28 Javascript
Angular如何在应用初始化时运行代码详解
2018/06/11 Javascript
Vuejs监听vuex中值的变化的方法示例
2018/12/02 Javascript
Vue框架TypeScript装饰器使用指南小结
2019/02/18 Javascript
微信小程序实现跳转的几种方式总结(推荐)
2019/04/24 Javascript
JS实现的雪花飘落特效示例
2019/12/03 Javascript
前端深入理解Typescript泛型概念
2020/03/09 Javascript
请求时token过期自动刷新token操作
2020/09/11 Javascript
[01:59]深扒TI7聊天轮盘语音出处 1
2017/05/11 DOTA
[01:05:56]2018DOTA2亚洲邀请赛3月29日 小组赛A组 Newbee VS VG
2018/03/30 DOTA
通过数据库对Django进行删除字段和删除模型的操作
2015/07/21 Python
分享6个隐藏的python功能
2017/12/07 Python
Python的多维空数组赋值方法
2018/04/13 Python
python实现猜单词小游戏
2020/05/22 Python
Python3中详解fabfile的编写
2018/06/24 Python
Django csrf 验证问题的实现
2018/10/09 Python
python实现拉普拉斯特征图降维示例
2019/11/25 Python
使用OpenCV实现人脸图像卡通化的示例代码
2021/01/15 Python
美国市场上最实惠的送餐服务:Dinnerly
2018/03/18 全球购物
希腊品牌鞋类销售网站:epapoutsia.gr
2020/03/18 全球购物
Perfume’s Club美国官网:西班牙第一家在线美容店
2020/06/10 全球购物
金融专业大学生职业生涯规划范文
2014/01/16 职场文书
《桂林山水》教学反思
2014/02/08 职场文书
《盲人摸象》教学反思
2014/02/16 职场文书
齐云山导游词
2015/02/06 职场文书
土木工程毕业答辩开场白
2015/05/29 职场文书
阿甘正传观后感
2015/06/01 职场文书
vue判断按钮是否可以点击
2022/04/09 Vue.js