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>
  • 相关阅读:
    SpringBoot与(Security)安全
    SpringBoot任务
    SSM框架整合思路
    数据库连接池 Druid和C3p0
    YAML语法:
    Mbatis使用
    为什么要使用Mybatis-现有持久化技术的对比
    SpringMVC拦截器
    ARC109D
    一类求斯坦纳树大小的问题
  • 原文地址:https://www.cnblogs.com/top5/p/1540862.html
Copyright © 2011-2022 走看看