Thêm hàng vào bảng với JavaScript DOM

Để thêm hàng vào bảng HTML, sử dụng phương thức insertRow() của đối tượng bảng.

Ví dụ

Mã sau thêm một hàng mới tại vị trí đầu tiên (index 0) khi nhấn nút:

<!DOCTYPE html>
<html>
  <head>
    <script>
      function rowFunction(x) {
        var a = document.getElementById(x).insertRow(0);
        var b = a.insertCell(0);
        var c = a.insertCell(1);
        b.innerHTML = c.innerHTML = "row";
      }
    </script>
  </head>
  <body>
    <table style="border:2px solid black" id="newtable">
      <tr><td>One</td><td>Two</td></tr>
      <tr><td>Three</td><td>Four</td></tr>
      <tr><td>Five</td><td>Six</td></tr>
    </table>
    <p>
      <input type="button" onclick="rowFunction('newtable')" value="Add a row">
    </p>
  </body>
</html>