js动态生成指定行数的表格

下面用射流研究…实现可以生成用户所需行数的表格。 1.首先在身体中填入下列代码，获取用户填入的行数值复制代码代码如下：表tr td动态生成表格/TD TD输入id=' Cold '类型=' text '类=' input '大小=' 10 '名称=' Num '/行td /tr /table /br输入名称type=' button '值='生成class=' button ' onclick=' table()'//br/br div id=' div 1 ' style=' display : none ' MCE _ style=' display : none ' div id=' table 1 '/div/div id=' errmsg 1 ' class=' formmsg '/div效果如下图所示

2 .标题中添加射流研究…代码复制代码代码如下：脚本函数表(){ if(document。getelementbyid(' Num ').value==' ' | | document.getelementbyid('num').value.search('^[0-9]*$'==-1){ document。getelementbyid(' errmsg 1 ')。风格。display=' block//判断数字是否为空或不是数字提示错误文件。getelementbyid(' errmsg 1 ').innerHTML='提示信息：行数为空或不是数字!'；} else { document。getelementbyid(' errmsg 1 ')。风格。显示='无'；//隐藏提示信息var Num=parseInt(文档。getelementbyid(' Num ').值);//获取行数定义变量标志=真；定义变量数据=' ';数据=' tabledata=' tr ' ' TD we/TD ' ' TD朱珠/TD ' ' TD Dudu/TD ' '/tr '；for(var I=1；I=NuMi){ data=' tr '；数据=' TD ' I/TD；数据=' TD输入名称='冷天' I ' '类型=' text ' class=' input '/TD '；数据=' TD输入名称=' ColdCureMethod ' I ' '类型=' text ' class=' input '/TD '；data='/tr '；}数据="/table "；文件。getelementbyid(' div 1 ')。风格。display=' block文件。getelementbyid('表1 ').innerHTML=数据；} }/脚本生成效果如下

3.所有代码如下复制代码代码如下： %@页面语言=' Java '导入=' Java。乌提尔。*“页面编码=”utf-8“% % String path=request。getcontextpath()；字符串基本路径=请求。getscheme()' ://'请求。getservername()“:”请求。getserverport()“路径”/；% !DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML head base href=' %=base path % ' title test/title meta http-equiv=' pragma ' content=' no-cache ' meta http-equiv=' cache-control ' content=' no-cache ' meta http-equiv=' expires ' content=' 0 ' meta http-equiv='关键字' content='关键字1，关键字2，关键字3' meta http-equiv='右侧{利润率33600% 10%；宽度宽度：600px}。右表{ background:white宽度：100%;border:1px固体# 499B33}。右td { background:blue文本对齐：居中；padd :2 pxborder 33601 px固体# 499B33}。右td { background: # 8FBC8F}。项目{ text-align :居中；宽度宽度：100px}。已分配{ border:1px固体# BC2A4D }/风格脚本函数表(){ if(document。getelementbyid(' Num ').value==' ' | | document.getelementbyid('num').value.search('^[0-9]*$'==-1){ document。getelementbyid(' errmsg 1 ')。风格。display=' block//判断payNum是否为空或不是数字提示错误文件。getelementbyid(' errmsg 1 ').innerHTML='提示信息：行数为空或不是数字!'；} else { document。getelementbyid(' errmsg 1 ')。风格。显示='无'；//隐藏提示信息var Num=parseInt(文档。getelementbyid(' Num ').值);//获取分期数定义变量标志=真；定义变量数据=' ';数据=' tabledata=' tr ' ' TD we/TD ' ' TD朱珠/TD ' ' TD Dudu/TD ' '/tr '；for(var I=1；I=NuMi){ data=' tr '；数据=' TD ' I/TD；数据=' TD输入名称='冷天' I ' '类型=' text ' class=' input '/TD '；数据=' TD输入名称=' ColdCureMethod ' I ' '类型=' text ' class=' input '/TD '；data='/tr '；}数据="/table "；文件。getelementbyid(' div 1 ')。风格。display=' block文件。getelementbyid('表1 ').innerHTML=数据；} }/script/head body br div style=' width :750 px；'div class='right '表tr td动态生成表格/TD TD输入id=' Num '类型=' text '类=' input '大小=' 10 '名称=' Num '/行td /tr /table /br输入名称type=' button '值='生成class=' button ' onclick=' table()'//br/br div id=' div 1 ' style=' display : none ' MCE _ style=' display : none ' div id=' table 1 '/div/div id=' errmsg 1 ' class=' formmsg '/div/body/html