HTML实现动态单元格 小实例

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_38230811/article/details/83896411

 HTML实现动态单元格

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

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

    </div>
   <script type="text/javascript">
      function addThem(){
        var h=document.getElementById("h").value;
        var l=document.getElementById("l").value;
        
         var tab="<table  border='1' bordercolor='gray'>";
         //循环行
         for(var i=0;i<h;i++){
             tab+="<tr>";        
              for(var j=0;j<l;j++){
                    tab+="<td>AAAAA</td>"; 
              }
             tab+="</tr>"; 
         }

         tab+="</table>";
      
         var div1=document.getElementById("div1");
         div1.innerHTML= tab;
    

      }
    </script>

 </body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_38230811/article/details/83896411
今日推荐