<html>
<table>     <tr>
        <td> <input type="button" value="insert"></td>
      </tr>
//点"insert"生成这样的四列和一个"delete"按钮,点"delete"删除这样的四列。各位帮帮忙啊,JS知识有限实在写不出啊。
没分了,下次一定补上,谢谢了。
      <tr>
        <td>BL No: <input type="text"></td>
    </tr>
    <tr>
        <td>BL Qty: <input type="text"></td>
    </tr>
    <tr>
        <td>BL Stowage: <input type="text"></td>
    </tr>
    <tr>
        <td>BL Date <input type="text"></td>
    </tr>
  <tr>
   <td><input type="button" value="delete"></td>
</tr>
</table>
</html>

解决方案 »

  1.   

    <html>
    <head>
        <title>无标题页</title>
        <script language=javascript>
         function addrow()
        {
        var table=document.getElementById("tab1");
        oTBody=table.tBodies[0]; 
        var newRow=oTBody.insertRow(oTBody.rows.length);
        var cell=newRow.insertCell();
        cell.innerHTML = "BL No: <input type='text'>";     var newRow=oTBody.insertRow(oTBody.rows.length);
        var cell=newRow.insertCell();
        cell.innerHTML = "BL Qty: <input type='text'>";     var newRow=oTBody.insertRow(oTBody.rows.length);
        var cell=newRow.insertCell();
        cell.innerHTML = "BL Stowage: <input type='text'>";     var newRow=oTBody.insertRow(oTBody.rows.length);
        var cell=newRow.insertCell();
        cell.innerHTML = "BL Date <input type='text'>";
        }
        function deleteall()
        {
        var table=document.getElementById("tab1");
        var temp=table.rows.length;
        
        for (i=0;temp>i;i++)
        {
        table.deleteRow(table.rows.length-1);
        }
        }
        </script>
    </head>
    <body>
    <table id=tab1> 
    </table>
     <input type="button"  onclick =addrow() value="insert"> 
    <input type="button" onclick=deleteall() value="delete"> 
    </body>
    </html>
      

  2.   

    <script>
        function ins(elem){
            var row = elem.parentNode.parentNode, table = row.parentNode;
            if (!table._t) {
                table._t = document.createDocumentFragment();
                var i = 0, rows = table.getElementsByTagName('tr');
                for (; i < rows.length; i++) {
                    rows[i] === row || table._t.appendChild(rows[i].cloneNode(true));
                }
            }
            table.appendChild(table._t.cloneNode(true));
        }
        
        function del(elem){
            var row = elem.parentNode.parentNode, table = row.parentNode;
            if (table._t) {
                var rows = table.getElementsByTagName('tr'), i = rows.length - 1,
                l = (i - table._t.childNodes.length) || (table._t.childNodes.length + 1);
                for (; i > l; i--) {
                    rows[i].parentNode.removeChild(rows[i]);
                }
            }
        }
    </script>
    <table>
        <tr>
            <td><input type="button" value="insert" onclick="ins(this);">
            <input type="button" value="delete" onclick="del(this);"></td>
        </tr>
        <tr>
            <td>BL No: <input type="text"></td>
        </tr>
        <tr>
            <td>BL Qty: <input type="text"></td>
        </tr>
        <tr>
            <td>BL Stowage: <input type="text"></td>
        </tr>
        <tr>
            <td>BL Date <input type="text"></td>
        </tr>
    </table>