js在线生成表格特效,只要用户输入所需要生成的行数和列数之后,点击按钮立即生成一个表格。
<html> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren"> <meta name="description" content="欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。"> <title>在线生成表格js代码分享_武鸣人</title> </head> <body> <a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr> <!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。--> <script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script> <script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script> <table align="center" width="30%" cellspacing="0" cellpadding="0" border="0"> <tr> <td width="25%" height="25" align="right">行数:</td> <td width="75%" height="25"><input name="line" type="text" id="line"></td> </tr> <tr> <td height="25" align="right">列数:</td> <td height="25"><input type="text" name="td" id="td"></td> </tr> <tr> <td height="25" align="right">行高:</td> <td height="25"><input type="text" name="line-height" id="line-height"></td> </tr> <tr> <td height="25" align="right"> </td> <td height="25"><label> <input type="submit" name="submit" value="提交" onclick="table();"> </label></td> </tr> </table> <div id="www_wuming_ren"></div> <script language="javascript"> function table () { //读取行列 数值 var tr = document.getElementById("line").value; var td = document.getElementById("td").value; var lineheight = document.getElementById("line-height").value; var www_wuming_ren = ''; www_wuming_ren += '<table align="center" width="30%" cellspacing="0" cellpadding="0" border="1">'; for (var trrow=0;trrow<tr;trrow++) { www_wuming_ren += '<tr height="'+lineheight+'">'; for (var tdrow=0;tdrow<td;tdrow++) { www_wuming_ren += '<td align="center">内容'; www_wuming_ren += '</td>'; } www_wuming_ren += '</tr>'; } www_wuming_ren += '</table>'; document.getElementById("www_wuming_ren").innerHTML = www_wuming_ren; }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀) </script> </body> </html>
本文来自武鸣人网站,转载请注明出处