动态控制表格insertRow,insertCell()

来源：互联网发布：淘宝代购服务店加盟编辑：程序博客网时间：2024/05/21 09:16

1.在已有的表格中动态添加一行，插入到最上方。并且在新插入行的每一列中插入text节点

<html><head><title>事件</title><script language="javascript">window.onload=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); // 删除一列，后面的自动补齐