我想做当点击add的时候,在这4个行的末尾加一个td,并且赋值,新的td的第一行是delete,可以删除这4个行的对应的单元格,不知道怎么做?<table id="t" border="1">
<tr id="t1">
<td><a href="javascript:aaa()">add </a></td>
</tr>
<tr id="t2">
<td>姓名</td>
</tr>
<tr id="t3">
<td>性别</td>
</tr>
<tr id="t4">
<td>年龄</td>
</tr>
</table>
<script type="text/javascript"> function aaa()
{
var table = document.getElementById("t");
var td = document.createElement("td");
td.innerHTML = "<a href='javascript:ccc(this)'>delete </a>";
table.rows[0].appendChild(td);
} function ccc(r)
{
var s=document.getElementById('t1');
var lostTab=s.removeChild(s.lastChild); } </script>
<tr id="t1">
<td><a href="javascript:aaa()">add </a></td>
</tr>
<tr id="t2">
<td>姓名</td>
</tr>
<tr id="t3">
<td>性别</td>
</tr>
<tr id="t4">
<td>年龄</td>
</tr>
</table>
<script type="text/javascript"> function aaa()
{
var table = document.getElementById("t");
var td = document.createElement("td");
td.innerHTML = "<a href='javascript:ccc(this)'>delete </a>";
table.rows[0].appendChild(td);
} function ccc(r)
{
var s=document.getElementById('t1');
var lostTab=s.removeChild(s.lastChild); } </script>
<table id="t" border="1">
<tr id="t1">
<td> <a href="javascript:aaa()">add </a> </td>
</tr>
<tr id="t2">
<td>姓名 </td>
</tr>
<tr id="t3">
<td>性别 </td>
</tr>
<tr id="t4">
<td>年龄 </td>
</tr>
</table>
<script type="text/javascript"> function aaa()
{
var table = document.getElementById("t");
var td = document.createElement("td");
td.innerHTML = " <a href='javascript:' onclick='ccc(this)'>delete </a>";
table.rows[0].appendChild(td);
for(var i=1;i<table.rows.length;i++){
var td = document.createElement("td");
td.innerHTML = " ";
table.rows(i).appendChild(td);
}
} function ccc(r)
{
var table = document.getElementById("t");
var cellIndex = r.parentNode.cellIndex;
for(var i=0;i<table.rows.length;i++){
table.rows(i).deleteCell(cellIndex);
}
} </script>
</body>