一、動態加載表格

1.首先在html中為表格的添加位置設置id

即是在html的body標簽內部寫一個div標簽表明表格要添加到此div的內部。如下

<div><div>

2.在javascript中寫添加表格的語句

若在當前html文件中，則寫在<script>標簽內部，如

復制代碼 代碼如下:

<script type="text/javascript" >

document.getElementById("tbl").innerHTML="<table><tr><td></td></tr></table>" //此處添加的表格可根據自己需要創建

</script>

復制代碼 代碼如下:

document.getElementById("tbl").innerHTML="<table><tr><td></td></tr></table>"

復制代碼 代碼如下:

<script type="text/javascript" src="test.js"></script>

復制代碼 代碼如下:

<table>
<thead></thead>

<tfoot><tfoot> //tfoot與thead是與tbody配套使用，但我在寫的時候，沒用也可以。

<tbody></tbody>

</table>
[/s/S ]*/n
2.在javascript內容中，要先創建行和單元格，再在<.tbody>中添加行，如下
[code]
row=document.createElement("tr"); //創建行

td1=document.createElement("tr"); //創建單元格

td1.appendChild(document.createTextNode("content")); //為單元格添加內容

row.appendChild(td1); //將單元格添加到行內

document.getElementById("rows").append(row); //將行添加到<tbody>中