Metoda insertRow() tabeli

Obiekt DOM Table HTML

Definicja i użycie

insertRow() Metoda tworzy pustą Element <tr> i dodaj go do tabeli.

insertRow() Metoda wstawia nowy wiersz w określonym miejscu w tabeli.

Uwaga:Element <tr> musi zawierać element <th> lub <td>.

Wskazówka:Użyj Metoda deleteRow() Usuń wiersz.

Zobacz również:

Przeglądarka HTML:Tag HTML <tr>

Przykład

Przykład 1

Wstaw nowy wiersz na pierwsze miejsce w tabeli (i wstaw komórkę z treścią <td>):

// Znajdź element <table> o id="myTable":
var table = document.getElementById("myTable");
// Utwórz pustą komórkę <tr> i dodaj ją na pierwsze miejsce w tabeli:
var row = table.insertRow(0);
// Wstaw nowe komórki na pierwszym i drugim miejscu w elemencie <tr> "nowy" (element <td>):
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// Dodaj tekst do nowej komórki:
cell1.innerHTML = "NOWA KELLA1";
cell2.innerHTML = "NOWA KELLA2";

Spróbuj sam

Przykład 2

Tworzenie i usuwanie wierszy:

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

Spróbuj sam

Gramatyka

tableObject.insertRow(index)
Parametr Opis
index

W przeglądarkach Firefox i Opera jest obowiązkowe, w przeglądarkach IE, Chrome i Safari jest opcjonalne.

Wartość liczbowa, określająca pozycję wstawienia nowej linii (zaczynając od 0). Wartość 0 spowoduje wstawienie nowej linii na pierwszym miejscu.

Można również użyć wartości -1, co spowoduje wstawienie nowej linii na ostatnim miejscu.

Jeśli pominie się ten parametr, to insertRow() wstawi nową linię na ostatniej pozycji w Chrome, IE, Firefox i Opera oraz na pierwszej pozycji w Safari.

Szczegóły techniczne

Wartość zwracana: Wstawiony element <tr>.

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Obiekt DOM Table HTML