如何用javascript代码动态给表格填加与删除行列?

动态的给表格填加行列,与删除行列,用javascript代码如何实现呀?... 动态的给表格填加行列,与删除行列,用javascript代码如何实现呀? 展开
 我来答
百度网友f03ef044f
2006-02-21 · TA获得超过135个赞
知道答主
回答量:179
采纳率:0%
帮助的人:0
展开全部
要上班了,简单写了一段脚本,提供一个思路

主要是通过 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">
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式