如何用javascript代码动态给表格填加与删除行列?
1个回答
展开全部
要上班了,简单写了一段脚本,提供一个思路
主要是通过 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">
主要是通过 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">
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询