关闭

js-案例:动态生成表格

标签: js动态表格table
238人阅读 评论(0) 收藏 举报
分类:

效果如图所示:
这里写图片描述
这里写图片描述
完整代码如下:

<html>
 <head>
  <style type="text/css">

  </style>
  <title>Document</title>
 </head>
 <body>

 行:<input type="text" id="h"/>
 列:<input type="text" id="l"/>
 <input type="button" value="生成" onclick="add();"/>
 <div id="div1">

 </div>
   <script type="text/javascript">
   function add(){
       var h=document.getElementById("h").value;
       var l=document.getElementById("l").value;
       var tab="<table border='1' bordercolor='blue' cellspacing='0' cellpadding='0'>";
       for(var i=0;i<h;i++)
          {
             tab+="<tr>";
             for(var j=0;j<l;j++)
              {
                  tab+="<td>aaaaaa</td>";
              }
            tab+="</tr>";
          }
       tab+="</table>";
       var divl=document.getElementById("div1");
       div1.innerHTML=tab;
   }
   </script>
 </body>
</html>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:10457次
    • 积分:320
    • 等级:
    • 排名:千里之外
    • 原创:24篇
    • 转载:3篇
    • 译文:0篇
    • 评论:1条
    文章分类
    文章存档
    最新评论