主要用到了JQuery中的append和appendto的方法,具体代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | <! 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 杂谈记录
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)