向表格中添加行

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script>
  5. function insRow(id) {
  6. var x = document.getElementById(id).insertRow(0);
  7. var y = x.insertCell(0);
  8. var z = x.insertCell(1);
  9. y.innerHTML = z.innerHTML = "New";
  10. }
  11. </script>
  12. </head>
  13.  
  14. <body>
  15. <table id="myTable" style="border: 1px solid black">
  16. <tr>
  17. <td>Row1 cell1</td>
  18. <td>Row1 cell2</td>
  19. </tr>
  20. <tr>
  21. <td>Row2 cell1</td>
  22. <td>Row2 cell2</td>
  23. </tr>
  24. <tr>
  25. <td>Row3 cell1</td>
  26. <td>Row3 cell2</td>
  27. </tr>
  28. </table>
  29.  
  30. <p>
  31. <input type="button" onclick="insRow('myTable')" value="插入行">
  32. </p>
  33.  
  34. </body>
  35. </html>