动态创建表格
2016-03-05 16:14
357 查看
<!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="jquery-1.8.0.min.js"></script> <script type="text/javascript"> function CreateTable(rowCount,cellCount) { var table=$("<table border=\"1\">"); table.appendTo($("#createtable")); for(var i=0;i<cellCount;i++) { var tr=$("<tr></tr>"); tr.appendTo(table); for(var j=0;j<cellCount;j++) { var td=$("<td>"+i*j+"</td>"); td.appendTo(tr); } } tr.appendTo(table); $("#createtable").append("</table>"); } </script> </head> <body> <input type="button" value="添加表格" onClick="CreateTable(2,2)" > <input type="button" value="添加行" onClick="CreateTable(5,6)"> <div id="createtable"></div> <div id="createrow"></div> </body> </html>
相关文章推荐
- 我对Surface Book的看法
- Ecshop:后台添加新功能栏目以及管理权限设置
- c++ primer plus 第十七章 输入 输出 文件 IO iostream fstream
- sgu176. Flow construction 有源汇上下界最小流
- 答案二
- Universal-Image-Loader,android-Volley,Picasso、Fresco和Glide五大Android开源组件加载网络图片的优缺点比较
- 有好游戏还不够:独立开发者复盘失败原因
- 善用setup函数
- JavaScript常见的数据类型
- java初步学习之堆栈
- 理解OAuth 2.0
- Android 仿instagram登陆页面动画
- Maven内置隐式变量(转)
- XmlSerializer 短信备份
- ListView列表拖拽排序
- nginx与ios实现https双向认证
- 在Linux下查看系统版本信息命令总结
- android开发系列之git常用命令
- Webpack笔记
- 【翻译】Ext JS最新技巧――2016-3-4