高校问答希思黎专柜价格:如何用javascript代码动态给表格填加与删除行列？
来源：百度文库 编辑：高校问答 时间：2024/05/03 06:04:37
动态的给表格填加行列，与删除行列，用javascript代码如何实现呀？
要上班了,简单写了一段脚本,提供一个思路
主要是通过 javascript + DOM实现的,
<script>
function DeleteTr(i)
{
var table = document.getElementById("table1");
var tr = table.childNodes[0];
tr.removeChild(tr.childNodes[i]);
}
function AppendTr()
{
var table = document.getElementById("table1");
var tr = table.childNodes[0];
var trnew = document.createElement("tr");
var td = document.createElement("td");
var text = document.createTextNode("表格内容");
td.appendChild(text);
trnew.appendChild(td);
tr.appendChild(trnew);
}
</script>
<table id="table1" border="1">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
</table>
<input type="button" onclick="DeleteTr(2);" value="delete row 3">
<input type="button" onclick="AppendTr();" value="Insert row">