JavaScript动态增加整个表

给你个例子，参考一下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
</HEAD> <BODY>
<input type="button" onclick="addrows()">
  <table width="100%" border="0" id="tab">

      </table>
  <script>
  //增加行
function addrows(str){

var abc=document.getElementById("tab");
     var t=abc.rows.length;
     if(str=='edit'){
      t=t+1;
     }
var tr=abc.insertRow();
tr.id='aaa'+t;
tr.name = "bbb"+t;
var td1=tr.insertCell();
     td1.innerHTML='<div style="width:100%;text-align:left">从 <input type="text" name="out.sw_fromplace" id="sw_fromplace'+t+'"/>'+
     '    到 <input type="text" name="out.sw_recplace" id="sw_recplace'+t+'"/>'+
     '         费用 <input size="9" type="text" name="out.sw_pays" id="sn_pays'+t+'" onblur="getMoney(this.id,\'snz\')"/> 元'+
'          交通工具  <select style="width:75px" name="out.sw_select" id="sw_select'+t+'"><option value="">-请选择-</option><option value="出租车">出租车</option><option value="长途汽车">长途汽车</option><option value="火车">火车</option><option value="飞机">飞机</option><option value="轮船">轮船</option><option value="其他">其他</option></select>'+
' <a href="javascript:del(\'aaa'+t+'\')">删除</a></div>';
}

  //删除行
function del(str){
var abc=document.getElementById(str);
var abcd=abc.getElementsByTagName("td");
for(var i=0;i<abcd.length;i++){
    abcd(i).innerHTML='';
}
abc.style.display='none';}
  </script> </BODY>
</HTML>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

希望mengxj85老兄帮帮忙!不胜感激
给你个例子，改改就行了
  function  Addparts()
  {   var  row  =  parts.insertRow(parts.rows.length);//id=recordTable
  var  col  =  row.insertCell(0);
  var  i  =  row.rowIndex;   col.innerHTML  =  " <input  type='text'  name='xlmc"+  i  +  "'  value=''  style='width:90px; margin-left:5px; margin-right:0px; text-align:center;' >";
    col  =  row.insertCell(1);
  col.innerHTML  =  " <input  type='text'  name='gs"+    i  +"'  value='0'  style='width:80px; margin-left:0px;margin-right:10px;text-align:center;' >";
    col  =  row.insertCell(2);
  col.innerHTML  =  " <input  type='text'  name='gsf"+    i  +"'  value='0' style='width:60px;  margin-left:10px;margin-right:10px;text-align:center;'  id ='gsf"+i+"' >";
    col  =  row.insertCell(3);
  col.innerHTML  =  " <input  type='text'  name='clf"+    i  +"'  value='0' style='width:60px;  margin-left:5px;margin-right:10px;text-align:center;' >";
    col  =  row.insertCell(4);
  col.innerHTML  =  " <textarea name='partsbz"+    i  +"' value='' style='width:90px; margin-right:10px;'> </textarea>";
  col  =  row.insertCell(5);
  col.innerHTML  =  " <input  type='button'  name='texClassOne"+    i  +"'    value='删除'  onclick='this.parentNode.parentNode.parentNode.deleteRow(this.parentNode.parentNode.rowIndex) ;godel();'>";
document.form1.countxx.value=i+1;
  } 调用：<input type="button" onclick="Addparts()">
给你个例子，改改就行了
  function  Addparts()
  {   var  row  =  parts.insertRow(parts.rows.length);//id=recordTable
  var  col  =  row.insertCell(0);
  var  i  =  row.rowIndex;   col.innerHTML  =  " <input  type='text'  name='xlmc"+  i  +  "'  value=''  style='width:90px; margin-left:5px; margin-right:0px; text-align:center;' >";
    col  =  row.insertCell(1);
  col.innerHTML  =  " <input  type='text'  name='gs"+    i  +"'  value='0'  style='width:80px; margin-left:0px;margin-right:10px;text-align:center;' >";
    col  =  row.insertCell(2);
  col.innerHTML  =  " <input  type='text'  name='gsf"+    i  +"'  value='0' style='width:60px;  margin-left:10px;margin-right:10px;text-align:center;'  id ='gsf"+i+"' >";
    col  =  row.insertCell(3);
  col.innerHTML  =  " <input  type='text'  name='clf"+    i  +"'  value='0' style='width:60px;  margin-left:5px;margin-right:10px;text-align:center;' >";
    col  =  row.insertCell(4);
  col.innerHTML  =  " <textarea name='partsbz"+    i  +"' value='' style='width:90px; margin-right:10px;'> </textarea>";
  col  =  row.insertCell(5);
  col.innerHTML  =  " <input  type='button'  name='texClassOne"+    i  +"'    value='删除'  onclick='this.parentNode.parentNode.parentNode.deleteRow(this.parentNode.parentNode.rowIndex) ;godel();'>";
document.form1.countxx.value=i+1;
  } 调用：<input type="button" onclick="Addparts()">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
</HEAD> <BODY>
  <table width="100%" border="0" id="tab">
        <tr>
      <td> <label>条件 <br>
          <input name="term1" type="text" id="term1">
      </label> </td>
      <td> <label>形式 <br>
        <select name="style" id="style">
          <option value="1">列表 </option>
          <option value="2">多选 </option>
          <option value="3">单选 </option>
        </select>
      </label> </td>
      <td>  </td>
      <td>  </td>
      <td>  </td>
    </tr>
    <tr>
      <td>
        <input name="field10" type="text" id="field10">
      </td>
      <td>
        <input name="field11" type="text" id="field11">
       </td>
      <td>
        <input name="field12" type="text" id="field12">
     </td>
      <td>
        <input name="field13" type="text" id="field13">
      </td>
      <td>
        <input name="field14" type="text" id="field14">
       </td>
  <td>
  <a href="javascript:addrows()" >增加</a>
  </td>
    </tr>

      </table>   <script>
// 增加行
  function addrows(){
var abc=document.getElementById("tab");
var t=abc.rows.length;
var tr=abc.insertRow();
tr.id='aaa'+t;
var td1=tr.insertCell();
var td2 = tr.insertCell();
var td3 = tr.insertCell();
var td4 = tr.insertCell();
var td5 = tr.insertCell();
td1.innerHTML='<input type="text" name="field'+t+'0" id="'+t+'0"/>';
td2.innerHTML='<input type="text" name="field'+t+'1" id="'+t+'1"/>';
td3.innerHTML='<input type="text" name="field'+t+'2" id="'+t+'2"/>';
td4.innerHTML='<input type="text" name="field'+t+'3" id="'+t+'3"/>';
td5.innerHTML='<input type="text" name="field'+t+'4" id="'+t+'4"/>'+'<a href="javascript:del(\'aaa'+t+'\')">删除</a>';
}
// 删除行
function del(str){
    var abc=document.getElementById(str);
    var abcd=abc.getElementsByTagName("td");
    for(var i=0;i<abcd.length;i++){
        abcd(i).innerHTML='';
    }
    abc.style.display='none';}   </script>
</BODY>
</HTML>这样lz应该是能看懂了~
问一下nerissa,
var  row  =  parts.insertRow(parts.rows.length);这个parts我怎么看不懂,用不用定义?