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 相关文章推荐
JavaScript 判断浏览器类型及版本
Feb 21 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
Mar 25 Javascript
基于JavaScript代码实现微信扫一扫下载APP
Dec 30 Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
Aug 02 Javascript
纯JS实现轮播图
Feb 22 Javascript
详解vue-cli 脚手架项目-package.json
Jul 04 Javascript
dts文件中删除一个node或属性的操作方法
Aug 05 Javascript
微信小程序有旋转动画效果的音乐组件实例代码
Aug 22 Javascript
JavaScrip数组去重操作实例小结
Jun 20 Javascript
VUE+node(express)实现前后端分离
Oct 13 Javascript
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
Apr 13 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
全国FM电台频率大全 - 12 安徽省
2020/03/11 无线电
使用php计算排列组合的方法
2013/11/13 PHP
优化WordPress的Google字体以加速国内服务器上的运行
2015/11/24 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
页面版文本框智能提示JS代码
2009/11/20 Javascript
jquery 3D球状导航的文章分类
2010/07/06 Javascript
原生javascript实现的分页插件pagenav
2014/08/28 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
2015/04/06 Javascript
jQuery实现网页抖动的菜单抖动效果
2015/08/07 Javascript
javascript从定义到执行 你不知道的那些事
2016/01/04 Javascript
Jquery获取第一个子元素简单实例
2016/06/02 Javascript
使用JavaScript实现一个小程序之99乘法表
2017/09/21 Javascript
vue实现微信分享功能
2018/11/28 Javascript
jQuery.parseJSON()函数详解
2019/02/28 jQuery
ES6入门教程之let、const的使用方法
2019/04/13 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
2019/05/22 Javascript
Vue响应式原理Observer、Dep、Watcher理解
2019/06/06 Javascript
微信小程序webview 脚手架使用详解
2019/07/22 Javascript
js实现select下拉框选择
2020/01/11 Javascript
JS判断浏览器类型与操作系统的方法分析
2020/04/30 Javascript
Javascript类型判断相关例题及解析
2020/08/26 Javascript
javascript实现下拉菜单效果
2021/02/09 Javascript
跟老齐学Python之私有函数和专有方法
2014/10/24 Python
Python基础入门之seed()方法的使用
2015/05/15 Python
python实现读取并显示图片的两种方法
2017/01/13 Python
Python实现打印实心和空心菱形
2019/11/23 Python
Python使用pymysql模块操作mysql增删改查实例分析
2019/12/19 Python
Python常用模块函数代码汇总解析
2020/08/31 Python
美国时装品牌:Nautica(诺帝卡)
2016/08/28 全球购物
波兰家居和花园家具专家:4Home
2019/05/26 全球购物
Java中实现多态的机制
2015/08/09 面试题
医院工作检讨书范文
2014/02/10 职场文书
安全标语大全
2014/06/10 职场文书
公司董事长助理工作职责
2014/07/12 职场文书
幼儿园感恩节活动方案2014
2014/10/11 职场文书
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫