js操作单元格问题求救

我想做当点击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> 

解决方案 »

  1.   

    <body>
    <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 = "&nbsp;";
    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>