js中動態新增表單/table小結
以下是大體思路~ 幫得上忙的請借鑑~
<html>
<head>
<title> </title>
<style> </style>
<script type="text/javascript">
//建立表格
function createTable()
{
var o = document.body;
var table = document.createElement("table");
table.className = "ListTable"
var tbody = document.createElement("tbody");
var tr1 = document.createElement("tr");
var tr2 = document.createElement("tr");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var td3 = document.createElement("td");
var td11 = document.createElement("td");
var td22 = document.createElement("td");
var td33 = document.createElement("td");
td1.innerHTML = "4444";
td2.innerHTML = "6666";
td3.innerHTML = "5555";
td11.innerHTML = "7777";
td22.innerHTML = "8888";
td33.innerHTML = "9999";
tr1.appendChild(td1);
tr1.appendChild(td2);
tr1.appendChild(td3);
tr2.appendChild(td11);
tr2.appendChild(td22);
tr2.appendChild(td33);
tbody.appendChild(tr1);
tbody.appendChild(tr2);
table.appendChild(tbody);
o.appendChild(table);
}
</script>
</head>
<body>
<a onClick="createTable()">點選建立表</a>
<table height="30" class="ListTable" cellpadding="">
<tbody>
<tr>
<td >1111 </td>
<td >2222 </td>
<td >3333 </td>
</tr>
</tbody>
<tbody>
<tr>
<td >1111 </td>
<td >2222 </td>
<td >3333 </td>
</tr>
</tbody>
</table>
<table height="30" class="ListTable2" cellpadding="">
<tbody>
<tr>
<td >1234 </td>
<td >2234 </td>
<td >3234 </td>
<td >3234 </td>
</tr>
</tbody>
<tbody>
<tr>
<td >1234 </td>
<td >2234 </td>
<td >3234 </td>
</tr>
</tbody>
</table>
</body>
</html>