又有一个问题

<javascript dom编程艺术>
去买这本书看看就知道怎么动态控制html了

解决方案 »

  1.   

    <script type="text/javascript">function add()
    {
         window.status ="";
     var temp = document.getElementById("newOption");
     temp.insertRow(temp.rows.length);
        var trlength=temp.rows.length  ;//索引值
    temp.rows.item(trlength -1).insertCell(0);
    temp.rows.item(trlength -1).insertCell(1);   var sHTML0 = "<input name=\"\" type=\"text\" class=\"inputText\"  value=\"\" />";
      var sHTML1 = "<span class=\"btnDel\"><a style=\"width:20px;\"></span>";
    temp.rows.item(trlength-1).cells.item(0).innerHTML= sHTML0;
    temp.rows.item(trlength-1).cells.item(1).innerHTML= sHTML1;

    }
    function del()
    { 
     var temp = document.getElementById("newOption");
    /* if(confirm("确定删除？"))
     {
     */
     temp.deleteRow(temp.rows.length-1);
    /* }*/
     
    } </script>
    </head>
    <body>
    <form id="fo" action="" method="post" >
      <table>
        <tbody>
          <tr>
            <td height="120" valign="top"><div id="putong">
                <table class="selfdefineTable" id="newOption">
                  <tr>
                    <th>关联手机</th>
                    <th>操作</th>
                  </tr>
                </table>
                <div class="btnAdd"><a href="javascript:add();">再增加一行</a><a href="javascript:del();">删除最后</a> </div>
              </div></td>
          </tr>
        </tbody>
      </table>
    </form>
    </div>
    </div>
    </body>
    </html>
      

  2.   

    没有可删除的给出提示 给你全写完把
    <script type="text/javascript">function add()
    {
         window.status ="";
     var temp = document.getElementById("newOption");
     temp.insertRow(temp.rows.length);
        var trlength=temp.rows.length  ;//索引值
    temp.rows.item(trlength -1).insertCell(0);
    temp.rows.item(trlength -1).insertCell(1);   var sHTML0 = "<input name=\"\" type=\"text\" class=\"inputText\"  value=\"\" />";
      var sHTML1 = "<input name=\"\" type=\"text\" class=\"inputText\"  value=\"\" />";
    temp.rows.item(trlength-1).cells.item(0).innerHTML= sHTML0;
    temp.rows.item(trlength-1).cells.item(1).innerHTML= sHTML1;

    }
    function del()
    { 
     var temp = document.getElementById("newOption");
    if(temp.rows.length > 1)
    {
     temp.deleteRow(temp.rows.length-1);
     }else{
      if(confirm("只有一个啦"))
      {
       temp.deleteRow(0);
      }
     }

     
    } </script>
    </head>
    <body>
    <form id="fo" action="" method="post" >
      <table>
        <tbody>
          <tr>
            <td height="120" valign="top"><div id="putong">
                <table class="selfdefineTable" id="newOption">
                </table>
                <div class="btnAdd"><a href="javascript:add();">再增加一行</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:del();">删除最后</a> </div>
              </div></td>
          </tr>
        </tbody>
      </table>
    </form>
    </div>
    </div>
    </body>
    </html>