概述
1.在已有的表格中动态添加一行，插入到最上方。并且在新插入行的每一列中插入text节点
<html>
<head>
<title>事件</title>
<script language="javascript">
window.οnlοad=function(){
var iTr = document.getElementById("member").insertRow(0);
var iText = new Array();
iText[0] = document.createTextNode("aaa");
iText[1] = document.createTextNode("bbb");
iText[2] = document.createTextNode("ccc");
iText[3] = document.createTextNode("ddd");
iText[4] = document.createTextNode("eee");
for (var i=0;i<iText.length;i++)
{
var iTd = iTr.insertCell(i);
iTd.appendChild(iText[i]);
}
}
</script>
</head>
<body >
<table id="member" border="1">
<tr>
<td>123</td>
<td>456</td>
<td>789</td>
<td>111</td>
<td>222</td>
</tr>
</table>
</body>
</html>
2.动态删除行或者列
var iTable = document.getElementById("member");
iTable.deleteRow(0); // 删除一行，后面的自动补齐
iTable.rows[0].deleteCell(0); // 删除一列，后面的自动补齐最后
以上就是追寻花瓣为你收集整理的动态控制表格insertRow,insertCell()的全部内容，希望文章能够帮你解决动态控制表格insertRow,insertCell()所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复