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