zoukankan      html  css  js  c++  java
  • javascript动态添加删除表格

    <html>
    <meta http-equiv="Content-Type" c />
    <head>
    <script language="javascript">
      function deleteRow(index)
      {
        var tableObj=document.getElementById("mytable");
        tableObj.deleteRow(tableObj.rows.length-1);
      }
      function addRow()
      {
         var tableObj=document.getElementById("mytable");
         var newRowObj=tableObj.insertRow(tableObj.rows.length);
         var newColName=newRowObj.insertCell(newRowObj.cells.length);
         var newColAge=newRowObj.insertCell(newRowObj.cells.length);
         var newColButton=newRowObj.insertCell(newRowObj.cells.length);
         
         newColName.innerHTML=document.getElementById("newName").value;
         newColAge.innerHTML=document.getElementById("newAge").value;
         newColButton.innerHTML='<input type="button" value="删除" >';
      }
    </script>
    </head>
    <body>
    <table width="100%" id="mytable" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>姓名</td>
        <td>年龄</td>
        <td>操作</td>
      </tr>
      
    </table>
    <input type="text" name="name" id="newName" />
    <input type="text" name="age" id="newAge"/>
    <input type="button"   value="新增"/>
    </body>
    </html>
  • 相关阅读:
    xamp配置多域名站点
    POJ1611-The Suspects-ACM
    POJ2524-宗教问题-并查集-ACM
    POJ3274-牛的属性-HASH-ACM
    拓扑排序-DFS
    拓扑排序
    POJ1007-DNA Sorting-ACM
    POJ1258-Agri-Net-ACM
    wdcp-apache配置错误导致进程淤积进而内存吃紧
    wdcp-apache开启KeepAlive提高响应速度
  • 原文地址:https://www.cnblogs.com/top5/p/1540862.html
Copyright © 2011-2022 走看看