Συλλογή γραμμών τραπέζης

HTML DOM Table Οντόντα

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

rows Η συλλογή επιστρέφει τη συλλογή όλων των στοιχείων tr της τραπέζης.

Σημειώσεις:Τα στοιχεία της συλλογής είναι τακτοποιημένα κατά τη σειρά που εμφανίζονται στον κώδικα πηγής.

Σημείωση:Χρησιμοποιήστε method insertRow() Δημιουργία νέας γραμμής (tr).

Σημείωση:Χρησιμοποιήστε method deleteRow() Διαγράψτε την γραμμή.

Σημείωση:Χρησιμοποιήστε Μέθοδος insertCell() Δημιουργήστε νέα κελί (<td>).

Σημείωση:Χρησιμοποιήστε Μέθοδος deleteCell() Διαγράψτε την κελί.

Σημείωση:Χρησιμοποιήστε Συλλογή cells Επιστρέφει τη συλλογή όλων των στοιχείων <td> ή <th> από το πίνακα.

Για περισσότερες πληροφορίες:

Οδηγός HTMLΕτικέτα <tr> του HTML

Οδηγός JavaScriptHTML DOM TableRow Οντόντα

Παράδειγμα

Παράδειγμα 1

Ανακαλύψτε πόσες γραμμές υπάρχουν στο πίνακα:

var x = document.getElementById("myTable").rows.length;

Δοκιμάστε το προσωπικά

Το αποτέλεσμα του x θα είναι:

2

Παράδειγμα 2: [index]

Προειδοποίηση για το innerHTML του πρώτου στοιχείου <tr> (索引 0):

alert(document.getElementById("myTable").rows[0].innerHTML;

Δοκιμάστε το προσωπικά

Παράδειγμα 3: item(index)

Προειδοποίηση για το innerHTML του πρώτου στοιχείου <tr> (索引 0):

alert(document.getElementById("myTable").rows.item(0).innerHTML);

Δοκιμάστε το προσωπικά

Παράδειγμα 4: namedItem(id)

Προειδοποίηση για το innerHTML του στοιχείου <tr> με id="myRow":

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

Δοκιμάστε το προσωπικά

Παράδειγμα 5

Αλλάξτε το περιεχόμενο της πρώτης κελίς του πίνακα:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "ΝΕΟ περιεχόμενο";

Δοκιμάστε το προσωπικά

Γραμματική

tableObject.rows

Περιβλημα

Περιβλημα Περιγραφή
length

Επιστρέφει τον αριθμό των στοιχείων <tr> στη συλλογή.

Σημειώσεις:Αυτό το περιβλημα είναι αναγνωριστικό.

Μέθοδος

Μέθοδος Περιγραφή
[index]

Επιστρέφεται το στοιχείο <tr> με τον καθορισμένο δείκτη από την συλλογή (αρχικά από 0).

Σημειώσεις:Αν ο αριθμός του δείκτη είναι εκτός εύρους, επιστρέφεται null.
item(index)

Επιστρέφεται το στοιχείο <tr> με τον καθορισμένο δείκτη από την συλλογή (αρχικά από 0).

Σημειώσεις:Αν ο αριθμός του δείκτη είναι εκτός εύρους, επιστρέφεται null.
namedItem(id)

Επιστρέφεται η συλλογή με το στοιχείο <tr> με το καθορισμένο id.

Σημειώσεις:Αν το id δεν υπάρχει, επιστρέφεται null.

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

Έκδοση DOM: Core Level 2 Document Object
Αποτελεσμα:

Το αντικείμενο HTMLCollection, που αντιπροσωπεύει όλους τους στοιχεία <tr> εντός του στοιχείου <table>.

Τα στοιχεία της συλλογής είναι τακτοποιημένα κατά τη σειρά που εμφανίζονται στον κώδικα πηγής.

Υποστήριξη περιηγητών

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

HTML DOM Table Οντόντα