编程 Javascript

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>

Jquery 动态生成表格示例代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Microsoft Ajax Minifier 压缩javascript的方法

Mar 05 Javascript

jQuery 表单验证扩展(三)

Oct 20 Javascript

从面试题学习Javascript 面向对象（创建对象）

Mar 30 Javascript

js页面跳转的常用方法整理

Oct 18 Javascript

禁用页面部分JavaScript不是全部而是部分

Sep 03 Javascript

jQuery实现的导航条切换可显示隐藏

Oct 22 Javascript

Angular用来控制元素的展示与否的原生指令介绍

Jan 07 Javascript

概述如何实现一个简单的浏览器端js模块加载器

Dec 07 Javascript

使用vue.js编写蓝色拼图小游戏

Mar 17 Javascript

基于javaScript的this指向总结

Jul 22 Javascript

微信小程序滑动选择器的实现代码

Aug 10 Javascript

微信小程序实现页面左右滑动

Nov 16 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