向各位请教一个用javascript实现在<table></table>删除一行的操作！

这恐怕要写一个动态的table了，：）利用innerHTML属性写table中的tr与td，就可以了：）

解决方案 »

  1.   

    参阅:
    今天做了一个具有"动态域"的 Form,请大家看看效果!
    http://www.csdn.net/expert/TopicView.asp?id=261055今天贴一个具有"动态域"的表单(Form),请提意见!
    http://www.csdn.net/expert/TopicView.asp?id=261065<HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var i=0
    function AddRow()
    {
     var temp=document.body.children.item(1)
     temp.insertRow(temp.rows.length);
     temp.rows.item(temp.rows.length-1).insertCell(0);
     temp.rows.item(temp.rows.length-1).cells(0).innerText=i++ ;
     temp.rows.item(temp.rows.length-1).cells(0).align='right';
     temp.rows.item(temp.rows.length-1).insertCell(1);
     var xx=temp.rows.length -1// -1
     temp.rows.item(temp.rows.length-1).cells.item(1).innerHTML='<table><button tag=\"' + xx + '\"onclick=\"DeleteRow(this);\">del</button></table>';
    }
    function DeleteRow(x)
    { 
      var temp=document.body.children.item(1)
    //  alert(x.tag.valueOf())
      temp.deleteRow(x.tag.valueOf())
      for (var j=0;j<temp.rows.length;j++) temp.rows.item(j).cells.item(1).children.item(0).children.item(0).children.item(0).tag=j;
    }
    //-->
    </SCRIPT>
    </HEAD>
    <BODY>
    <INPUT TYPE="button" value="Add" onclick="AddRow()">
    <TABLE border="1">
    </TABLE>
    </BODY>
    </HTML>