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获得内容和属性示例代码
Jan 16 Javascript
js控制容器隐藏出现防止样式变化的两种方法
Apr 25 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
Mar 17 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
Apr 07 Javascript
javascript实现全局匹配并替换的方法
Apr 27 Javascript
vue组件中点击按钮后修改输入框的状态实例代码
Apr 14 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
详解使用nvm安装node.js
Jul 18 Javascript
极简主义法编写JavaScript类
Nov 02 Javascript
Vue.js组件间的循环引用方法示例
Dec 27 Javascript
解决layui动态添加的元素click等事件触发不了的问题
Sep 20 Javascript
如何使用CocosCreator对象池
Apr 14 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
融入意大利的咖啡文化
2021/03/03 咖啡文化
php生成略缩图代码
2012/07/16 PHP
php目录拷贝实现方法
2015/07/10 PHP
PHP中使用array函数新建一个数组
2015/11/19 PHP
php入门教程之Zend Studio设置与开发实例
2016/09/09 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
Mootools 1.2教程 滑动效果(Slide)
2009/09/15 Javascript
JavaScript 继承机制的实现(待续)
2010/05/18 Javascript
ajax异步刷新实现更新数据库
2012/12/03 Javascript
利用jQuery实现WordPress中@的ID悬浮显示评论内容
2015/12/11 Javascript
BootStrap下jQuery自动完成的样式调整
2016/05/30 Javascript
微信小程序顶部可滚动导航效果
2017/10/31 Javascript
JS中的BOM应用
2018/02/02 Javascript
vue实现打印功能的两种方法
2018/09/07 Javascript
js实现简单模态框实例
2018/11/16 Javascript
最简单的JS实现json转csv的方法
2019/01/10 Javascript
JavaScript静态作用域和动态作用域实例详解
2019/06/17 Javascript
详解Vue template 如何支持多个根结点
2020/02/10 Javascript
国内常用的js类库大全(CDN公共库)
2020/06/24 Javascript
Python中list初始化方法示例
2016/09/18 Python
基于Python socket的端口扫描程序实例代码
2018/02/09 Python
python:print格式化输出到文件的实例
2018/05/14 Python
Python实现获取邮箱内容并解析的方法示例
2018/06/16 Python
示例详解Python3 or Python2 两者之间的差异
2018/08/23 Python
解决django后台样式丢失,css资源加载失败的问题
2019/06/11 Python
Python django搭建layui提交表单,表格,图标的实例
2019/11/18 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
Python pandas如何向excel添加数据
2020/05/22 Python
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
2018/02/01 HTML / CSS
优秀导游先进事迹材料
2014/01/25 职场文书
2014年元旦促销活动方案
2014/02/22 职场文书
教师优秀党员事迹材料
2014/08/14 职场文书
服装区域经理岗位职责
2015/04/10 职场文书
电影建党伟业观后感
2015/06/01 职场文书
如何做好工作总结!
2019/04/10 职场文书
vue中this.$http.post()跨域和请求参数丢失的解决
2022/04/08 Vue.js