Μέθοδος insertRow() του πίνακα

HTML DOM Σώμα Table

Ορισμός και χρήση

insertRow() η μέθοδος δημιουργεί κενή στοιχείο <tr> και προσθέτει την στο πίνακα.

insertRow() Η μέθοδος εισάγει νέα γραμμή στην καθορισμένη θέση του πίνακα.

Σημείωση:Το στοιχείο <tr> πρέπει να περιέχει στοιχεία <th> ή <td>.

Συμβουλή:Χρησιμοποιήστε Μέθοδος deleteRow() Διαγραφή γραμμής.

Δείτε επίσης:

Εγχειρίδιο HTML:HTML <tr> Ετικέτα

Παράδειγμα

Παράδειγμα 1

Εισαγωγή νέας γραμμής στην πρώτη θέση του πίνακα (και εισαγωγή κελύφων με περιεχόμενο <td>):

// Εύρεση στοιχείου <table> με id="myTable":
var table = document.getElementById("myTable");
// Δημιουργία κενής <tr> και προσθήκη της στην πρώτη θέση του πίνακα:
var row = table.insertRow(0);
// Εισαγωγή νέων κελύφων στην πρώτη και δεύτερη θέση του νέου στοιχείου <tr> (στοιχείο <td>):
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
// Προσθήκη κειμένου σε νέες κελύφες:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";

Προσπαθήστε το شخصικά

Παράδειγμα 2

Δημιουργία και διαγραφή γραμμών:

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

Προσπαθήστε το شخصικά

Γλώσσα

tableObject.insertRow(index)
Παράμετροι Περιγραφή
index

Είναι απαραίτητη στους Firefox και Opera, ενώ στους IE, Chrome και Safari είναι προαιρετική.

Αριθμητική τιμή που καθορίζει τη θέση της γραμμής όπου θα εισαχθεί η νέα γραμμή (από 0 ξεκινώντας). Η τιμή 0 προκαλεί την εισαγωγή της νέας γραμμής στην πρώτη θέση.

Επίσης μπορείτε να χρησιμοποιήσετε τη τιμή -1, η οποία προκαλεί την εισαγωγή μιας νέας γραμμής στην τελευταία θέση.

Αν παραλειφθεί αυτός ο παράμετρος, το insertRow() θα εισάγει νέα γραμμή στην τελευταία θέση του Chrome, IE, Firefox και Opera, και στην πρώτη θέση του Safari.

Τεχνικά Στοιχεία

Αποτελεσματικότητα: Εισαγόμενοι <tr> στοιχεία.

Υποστήριξη Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

HTML DOM Σώμα Table