简单动态建表

<html>
<head>
<title>s</title>
<script language="JavaScript" type="text/javascript">

 function jianbiao1()
 {
    var dd=document.getElementById("div");
  //  document.getElementById("div").createElement("table");
  var biao=document.createElement("table");
  
  biao.setAttribute("border","1");
  biao.setAttribute("width","617px");
  var tr1=biao.insertRow();//创建行
  var td1=tr1.insertCell();//创建列 
  td1.innerText="名字";
  var td2=tr1.insertCell();
  td2.innerText="性别";
  var td3=tr1.insertCell();
  td3.innerText="年龄";
  var td4=tr1.insertCell();
  td4.innerText="日";
  
  
  for(var j=2;j<6;j++)
  {       
  
        trx=biao.insertRow();
      for(var i=0;i<12;i++)
      {
             td=trx.insertCell();
             td.innerText=i;
             if(i==3)
             {
               i=12;
             }
          
      
      
      }
  }
  dd.appendChild(biao);

 }
 function tiao()
 {
       window.location.href="http://www.baidu.com";
      
 
 }
 
 

</script>
</head>
<body>
    
<input type="button" onclick="jianbiao1()" value="显示"/>
<input type="button" onclick="tiao()" value="跳转到百度" />
<div id="div"></div>
</body>
</html>

原文地址:https://www.cnblogs.com/accumulater/p/7000668.html