Método Table insertRow()

Объект Table DOM HTML

Definición y uso

insertRow() El método crea una fila Elemento <tr> y agregarla a la tabla.

insertRow() El método inserta una nueva fila en la posición especificada en la tabla.

Nota:El elemento <tr> debe contener elementos <th> o <td>.

Sugerencia:Utilice Método deleteRow() Eliminar una fila.

Véase también:

Manual de HTML:Тег <tr> HTML

Ejemplo

Ejemplo 1

Insertar una nueva línea en la primera posición de la tabla (y agregar un elemento <td> con contenido):

// Encontrar el elemento <table> con id="myTable":
var table = document.getElementById("myTable");
// Crear un elemento <tr> vacío y agregarlo a la primera posición de la tabla:
var row = table.insertRow(0);
// Insertar nuevas celdas (elementos <td>) en la primera y segunda posición del elemento <tr> "nuevo":
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// Añadir texto en nuevas celdas:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";

Prueba por tu cuenta

Ejemplo 2

Crear y eliminar filas:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NEW CELL1";
  cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

Prueba por tu cuenta

Sintaxis

tableObject.insertRow(index)
Parámetro Descripción
index

Es obligatorio en Firefox y Opera, y opcional en IE, Chrome y Safari.

Número que especifica la posición de la línea que se debe insertar (desde 0 en adelante). El valor 0 causará que se inserte una nueva línea en la primera posición.

También se puede usar el valor -1, lo que causará que se inserte una nueva línea en la última posición.

Если параметр опущен, то insertRow() вставляет новую строку в последний位置 в Chrome, IE, Firefox и Opera, а в Safari - в первую позицию.

Технические детали

Возвратное значение: Вставленный элемент <tr>.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

Объект Table DOM HTML