js之一

1 表格的元素的增加

   可以利用insertRow()和inserCell

  eg:<script language="javascript" type="text/javascript">
  function createSub(){
   
  }

  /**利用insertRow,inserCell的方式创建行和列*/
  function createMain(){
        var rowLength=tbid.rows.length;
      alert("行的长度是"+rowLength);
      var newTr=tbid.insertRow(rowLength-1);
        //var newTr=tbid.insertRow(-1);
      var newTd1=newTr.insertCell();
      var newTd2=newTr.insertCell();
      var newTd3=newTr.insertCell();
      var newTd4=newTr.insertCell();
   
      newTd1.innerHTML="<input type='text' />";
      newTd2.innerHTML="<input type='text' />";
      newTd3.innerHTML="子项名<input type='text' />子项分<input type='text' />";
      newTd4.innerHTML="<input type='text' />";
  }


  function DelSub(){
   //var tb1=document.getElementById("list");
    //alert(tb1);
   var tr1=document.getElementById("003");
   var p=tr1.parentNode;
   alert(tr1);
   alert("p--"+p.nodeName);
   var d=p.removeChild(tr1);
  }
</script>
<table id="tbid" border=2 width=1300 height=500>
 
   <tr>
          <td colspan="4"><center>量归评价 </center></td>
         
   </tr>
   <tr>
           <td  width=200>量归项</td>
           <td  width=200 >分值</td>
           <td  width=400>量归子项</td>
           <td  width=200>操作</td>
   </tr>
    <tr>
           <td><input type="text" /></td>
           <td><input type="text" /></td>
           <td>子项名<input type="text" />子项分<input type="text" /></td>
           <td><input type="button" value="增加子项" onclick="createSub()" /></td>
   </tr>
   <tr>
        <td colspan="4"><center><input type="button"  value="增加量归项" onclick="createMain()"/></center></td>
   </tr>
   
   

</table>

具体可以参照：http://blog.csdn.net/fenghu89/archive/2007/12/07/1923137.aspx一文