本文介绍如何使用JavaScript动态地向HTML表格中添加新行并填充文本，同时演示了如何删除指定的行或列。
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); // 删除一列，后面的自动补齐
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
