Table insertRow() methode

Definitie en gebruik

insertRow() De methode maakt een lege <tr>-element en voeg deze toe aan de tabel.

insertRow() De methode voegt een nieuwe regel in op de vastgestelde index in de tabel.

Opmerking:Het <tr>-element moet elementen <th> of <td> bevatten.

Tip:Gebruik deleteRow() methode Verwijder een regel.

Zie ook:

HTML Referentiehandleiding:HTML <tr> tag

Voorbeeld

Voorbeeld 1

Voeg een nieuwe regel toe aan de eerste positie van het tabel (en voeg een cel met inhoud toe):

// Zoek het <table>-element met id="myTable":
var table = document.getElementById("myTable");
// Maak een lege <tr>-element aan en voeg het toe aan de eerste positie van het tabel:
var row = table.insertRow(0);
// Voeg nieuwe cellen (elementen <td>) in op de eerste en tweede positie van de "nieuwe" <tr>-element:
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// Voeg tekst toe aan de nieuwe cel:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";

Probeer het zelf

Voorbeeld 2

Aanmaken en verwijderen van regels:

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);
}

Probeer het zelf

Syntax

tableObject.insertRow(index)
Parameter Beschrijving
index

Verplicht in Firefox en Opera, optioneel in IE, Chrome en Safari.

Waarde die de positie van de regel definieert die moet worden ingevoegd (beginnend bij 0). De waarde 0 zorgt ervoor dat de nieuwe regel wordt ingevoegd op de eerste positie.

Ook kan de waarde -1 worden gebruikt, wat resulteert in het invoegen van een nieuwe regel op de laatste positie.

If this parameter is omitted, insertRow() inserts a new row at the last position in Chrome, IE, Firefox, and Opera, and at the first position in Safari.

Technical details

Return value: Inserted <tr> element.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support