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>
  • 相关阅读:
    CompareUtil
    linux awk学习笔记
    linux用grep查找包含两个关键字的命令
    mysql 使用set names 解决乱码问题
    对私有静态方法进行单测
    使用JUnit测试预期异常
    Tortoise svn 冲突解决主要办法
    tortoise svn冲突解决
    word-break与word-wrap
    移动端适配
  • 原文地址:https://www.cnblogs.com/top5/p/1540862.html
Copyright © 2011-2022 走看看