Advertisement
Guest User

Untitled

a guest
Aug 20th, 2019
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.35 KB | None | 0 0
  1. <html>
  2.  
  3. <head>
  4. <title>Inserindo linhas em uma tabela com JavaScript</title>
  5.  
  6. </head>
  7.  
  8. <body>
  9. <script language="javascript">
  10. // Função responsável por inserir linhas na tabela
  11. function inserirLinhaTabela() {
  12.  
  13. // Captura a referência da tabela com id “minhaTabela”
  14. var table = document.getElementById("minhaTabela");
  15. // Captura a quantidade de linhas já existentes na tabela
  16. var numOfRows = table.rows.length;
  17. // Captura a quantidade de colunas da última linha da tabela
  18. var numOfCols = table.rows[numOfRows - 1].cells.length;
  19.  
  20. // Insere uma linha no fim da tabela.
  21. var newRow = table.insertRow(numOfRows);
  22. }
  23. var x = prompt("Insira aqui o primeiro número: ");
  24. var y = prompt("Insira aqui o segundo número: ");
  25. parseFloat(x);
  26. parseFloat(y);
  27. document.getElementById("o1").innerHTML = "oi'";
  28. /*document.getElementById("o2").innerHTML =
  29. document.getElementById("o3").innerHTML =
  30. document.getElementById("o4").innerHTML =
  31. document.getElementById("r1").innerHTML =
  32. document.getElementById("r2").innerHTML =
  33. document.getElementById("r3").innerHTML =
  34. document.getElementById("r4").innerHTML = */
  35. </script>
  36. <!-- Tabela simples contendo linhas e colunas -->
  37. <table id="minhaTabela" border="1">
  38. <tr>
  39. <td>
  40. Operação
  41. </td>
  42. <td>
  43. Resultado
  44. </td>
  45. </tr>
  46. <tr>
  47. <td id= "o1">
  48.  
  49. </td>
  50. <td id = "r1">
  51. h
  52. </td>
  53. </tr>
  54. <tr>
  55. <td id = "o2">
  56. Linha 1 - Coluna 0
  57. </td>
  58. <td id = "r2">
  59. Linha 1 - Coluna 1
  60. </td>
  61. </tr>
  62. <tr>
  63. <td id = "o3">
  64. Linha 1 - Coluna 0
  65. </td>
  66. <td = "r3">
  67. Linha 1 - Coluna 1
  68. </td>
  69. </tr>
  70. <tr>
  71. <td id = "o4">
  72. Linha 1 - Coluna 0
  73. </td>
  74. <td = "r4">
  75. Linha 1 - Coluna 1
  76. </td>
  77. </tr>
  78. </table>
  79. </body>
  80.  
  81. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement