Table insertRow() metode

HTML DOM Table objekt

Definering og brug

insertRow() metoden opretter en tom <tr>-elementet og tilføj den til tabellen.

insertRow() Metoden indsætter en ny række på den specificerede position i tabellen.

Bemærk:<tr>-elementet skal indeholde <th> eller <td>-elementer.

Tip:Brug deleteRow() metoden Slet en række.

Se også:

HTML referat:HTML <tr> tag

Eksempel

Eksempel 1

Indsæt en ny række i tabelens første position (og indsæt celler med indhold):

// Find <table>-elementet med id="myTable":
var table = document.getElementById("myTable");
// Opret en tom <tr>-element og tilføj det til tabelens første position:
var row = table.insertRow(0);
// Indsæt nye celler (td-elementer) på den første og anden position i den nye <tr>-element:
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// Tilføj tekst til nye celler:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";

Prøv det selv

Eksempel 2

Opret og slet rækker:

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

Prøv det selv

Syntaks

tableObject.insertRow(index)
Parameter Beskrivelse
index

Det er obligatorisk i Firefox og Opera, mens det er valgfrit i IE, Chrome og Safari.

Numeriske værdier, der angiver positionen for den række, der skal indsattes (fra 0 begynder). Værdien 0 vil føre til, at en ny række bliver indsat på den første position.

Man kan også bruge værdien -1, hvilket vil føre til, at en ny række bliver indsat på den sidste position.

Hvis parameteren udelades, indsættes insertRow() i den sidste position i Chrome, IE, Firefox og Opera, og i den første position i Safari.

Tekniske detaljer

Returværdi: Indsat <tr> element.

Browserkompatibilitet

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

HTML DOM Table objekt