js 无限增加,不带删除!

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wb="http://open.weibo.com/wb">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<input type="button" value="创建一个新表格" onclick="createTable(800,8,2)" />
<script type="text/javascript"> 

function createTable(width,rows,cells)
{
  //创建一个表格对象
  var mytable=document.createElement("table");
  mytable.cellSpacing="1px";
  //创建一个表头对象
  var mythead=document.createElement("thead");
  for(a=0;a<1;a++)
  {
     var myrow=document.createElement("tr");
	 for(b=0;b<cells;b++)
	 {
	   var mytd=document.createElement("td");
	   mytd.innerHTML="表 头 " +(b+1);
	   mytd.style.cssText="text-align:center;";
	   myrow.appendChild(mytd);
	 }
	 mythead.appendChild(myrow);
  }
  //创建一个表体对象
  var mytbody=document.createElement("tbody");
  for(i=0;i<rows;i++)
  {
     var myrow=document.createElement("tr");
	 for(j=0;j<cells;j++)
	 {
	   var mytd=document.createElement("td");
	   mytd.style.backgroundColor="#fff";
	   mytd.innerHTML="第"+(i+1)+"行第"+(j+1)+"列";
	   myrow.appendChild(mytd);
	 }
	 mytbody.appendChild(myrow);
  }
  //创建一个表脚对象
  var mytfoot=document.createElement("tfoot");
  for(c=0;c<1;c++)
  {
     var myrow=document.createElement("tr");
	 for(d=0;d<1;d++)
	 {
	   var mytd=document.createElement("td");
	   mytd.innerHTML="脚"+(d+1);
	   mytd.style.cssText="text-align:center;";
	   mytd.colSpan="10";
	   myrow.appendChild(mytd);
	 }
	 mytfoot.appendChild(myrow);
  }
  //将表头追加到表格
  mytable.appendChild(mythead)
  //将表体追加到表格
  mytable.appendChild(mytbody);
  //将表脚追加到表格
  mytable.appendChild(mytfoot);
  //追加对象样式
  mythead.style.cssText="background-color:#003; color:#FFF; font-size:14px; font-weight:600; width:"+width+"px;";
  mytable.style.cssText="background-color:#999; border:0px; width:"+width+"px;";
  mytfoot.style.cssText="background-color:#003; color:#FFF; font-size:14px; font-weight:600; width:"+width+"px;";
  document.body.appendChild(mytable);
}
</script>
</script>
</body>
</html>

你可能感兴趣的:(js 无限增加,不带删除!)