<input type="button" value="å建ä¸ä¸ªæ°è¡¨æ ¼" onclick="createTable(800,8,5)" />
<script type="text/javascript">
//æ¹æ³åæ°createTable(è¡¨æ ¼å®½åº¦[ä¸è¦åä½],è¡æ°,åæ°)
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);
}
//è°ç¨ç¤ºä¾[å建ä¸ä¸ªå®½åº¦ä¸º800px,æ100è¡,5åçè¡¨æ ¼]
createTable(800,100,5);
</script>
温馨提示:答案为网友推荐,仅供参考