[学习交流] 动态生成表格

<!DOCTYPE html>
<html>
  <head>
<title>MyHtml_08.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">


<style type="text/css">
table {
border:1px solid red;
}
</style>
  </head>

  <body>
      行：<input type="text" id="h"/>
      列：<input type="text" id="l"/><br/>
      <input type="button" value="生成" onclick="create();"/>
  <div id="divv">

  </div>
  </body>
  <script type="text/javascript">
    function create(){
      var h=document.getElementById("h").value;
      var l=document.getElementById("l").value;
      var tab="<table border='1' cellspacing='0'>";
      for(var i=0;i<h;i++){
      tab+="<tr>";
      for(var j=0;j<l;j++){
      tab+="<td>AAAA</td>"
      }
      tab+="</tr>";
      }
            tab+="</table>";
         var divv=document.getElementById("divv");
         divv.innerHTML=tab;
   }
  </script>
</html>

帐号		自动登录	找回密码
密码			加入黑马

[学习交流] 动态生成表格

0 个回复