<BODY>
<SCRIPT LANGUAGE="JavaScript">
function addRow(tbl)
{
var a = tbl.insertRow();
a.id = "a" + tbl.rows.length;
for(var i=0; i<tbl.rows[0].cells.length; i++)
{
var tc = a.insertCell();
tc.innerText = " ";
tc.onfocus = function()
{
this.parentElement.parentElement.parentElement.ct = this.parentElement;
this.innerHTML = "<input type=\"text\" value=\"" + (this.innerText==" "?"":this.innerText) + "\" style=\"width:100%;height:100%;border:0;\" onblur=\"this.parentElement.innerText=(this.value==''?' ':this.value);\">";
this.children[0].focus();
};
}
}function delRow(tbl)
{
if(!tbl.ct) return;
tbl.deleteRow(tbl.ct.rowIndex);
tbl.ct = null;
}</SCRIPT>
<table border=1 id="tbl">
<tr id=a1>
<td>123</td>
<td>456</td>
</tr>
</table>
<input type="button" value="添加行" onclick="addRow(document.all.tbl);">
<input type="button" value="删除行" onclick="delRow(document.all.tbl);">
</BODY>

解决方案 »

  1.   

    jianzong2000() :
    你给的这段代码我也在网上搜到了,但是根据我的需求我不会改,所以还是麻烦大家帮着给我看看吧,谢谢你们了。
      

  2.   

    我也是不知道这个事件应该怎样取触发,要不就暂时先用个<input type="button" value="添加行" onclick="">点击时执行一个方法好了,判断正整数的方法我已经解决了,现在的问题就在添加删除行上,删除的时候就从表格做末一行开始,倒着删除文本框中的行数。
      

  3.   

    这样试试
    var length=doucument.all.TableName.rows.length;
    doucument.all.TableName.deleteRow(length);
      

  4.   

    <html>
    <head>
    <title>code by meixx</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="javascript">
    var curRow=null;
    function selectRow(tr1){
    if(curRow)
    curRow.bgColor="#FFFFFF";
    tr1.bgColor="e7e7e7";
    curRow=tr1;
    }
    function addRow(src){
    var newrow = src.insertRow(src.rows.length-1);
    newrow.attachEvent("onclick",function(){selectRow(newrow);});
    newrow.height=20;
    var i=4;
    while(i--){
    var newcell = newrow.insertCell();
    switch(i){
    case 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">';break;
    default: newcell.innerHTML=div1.innerHTML;break;
    }
    }
    }
    function delRow(src){
    src.parentElement.deleteRow(src.rowIndex);
    }
    function AddRowNum(num){
    while(num-->0){
    addRow(tb);
    }
    }
    </script>
    </head><body>
    <P><input type="text" id="txtNumber" onkeypress="javascript:if(event.keyCode==13 && !isNaN(parseInt(this.value,10))) AddRowNum(this.value);"></P>
    <table id="tb" width="100%"  border="1" align="center" cellpadding="1" cellspacing="1" style="border-collapse:collapse" bordercolor="#111111">
      <tr>
        <th scope="col" width="25%">一</th>
        <th scope="col" width="25%">二</th>
        <th scope="col" width="25%">三</th>
        <th scope="col" width="25%">四</th>
      </tr>
      <tr id="blankRow" onClick="addRow(this.parentElement)">
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    <div id="div1" style="display:none "><input id="txt" type="text" style="width:97%; background-color:#FFFFEF"></div>
    </body>
    </html>
      

  5.   

    function changeTableRows(v)
    {
    var count = parseInt(v);
      var tbl = document.getElementById("tbl");
      for(var i=tbl.rows.length-1;i>=0;i--)
      {
        tbl.deleteRow(0);
      }
      for(var i=0;i < count;i++)
      {
        tbl.insertRow(-1);
        for(var j=0;j<3;j++)
        {    
          var oneCell = tbl.rows[i].insertCell(-1);     
         
        }
      }}
      

  6.   

    此例中
    <table width="100%"  border="0" cellpadding="0" cellspacing="0" class="table_line">
      <tr> 
        <td colspan="3" class="table_first"><input type=text size=2 value=6 style="text-align: right;" name="text" onchange="changeTableRows(this.value)"></td>
      </tr>
      <tr> 
        <td width=100 class="tb_content_bg"> 时间</td>
        <td width="100" class="tb_content_bg">金额</td>
        <td class="tb_content_bg"> 单位</td>
      </tr>
     </table>
    <table id="tbl" width="100%"  border="0" cellpadding="0" cellspacing="0" class="table_line">
    </table>格子中的内容这样加
    var oneCell = tbl.rows[i].insertCell(-1);     
    oneCell.innerHTML='<input type=text size=40 name="text">';