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

HTML DOM Table οντόν

Δημιουργία και χρήση

cells Συλλογή που επιστρέφει όλα τα στοιχεία <td> ή <th> της τραπέζης.

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

Συμβουλή:Χρήση Συλλογή rows Επιστροφή συλλογής όλων των στοιχείων <tr> της τραπέζης.

Συμβουλή:Χρησιμοποιήστε μεθόδος insertRow() Δημιουργία νέας γραμμής (<tr>).

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

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

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

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

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

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

Εγχειρίδιο JavaScript:HTML DOM TableData οντόν

Εγχειρίδιο JavaScript:HTML DOM TableHeader οντόν

Παράδειγμα

Παράδειγμα 1

Εμφάνιση του αριθμού των κελιών στην πρώτη γραμμή:

var x = document.getElementById("myTable").rows[0].cells.length;

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

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

2

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

Εκτύπωση του innerHTML της πρώτης κελίδας στην πρώτη γραμμή της ταμπέλας:

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

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

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

Εκτύπωση του innerHTML της πρώτης κελίδας στην πρώτη γραμμή της ταμπέλας:

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

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

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

Εκτύπωση του innerHTML της κελίδας με id="myTd" στην πρώτη γραμμή της ταμπέλας:

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

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

Παράδειγμα 5

Αλλαγή του περιεχομένου της πρώτης κελί της ταμπέλας:

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

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

Γραμματική

tableObject.cells

Ατριβούτημα

Ατριβούτημα Περιγραφή
length

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

Σημειώσεις:Αυτό το atributo είναι μόνο για ανάγνωση.

Μέθοδος

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

Επιστρέφει το στοιχείο <td> και/ή <th> με τον καθορισμένο αριθμό του indices (από 0).

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

Επιστρέφει το στοιχείο <td> και/ή <th> με τον καθορισμένο αριθμό του indices (από 0).

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

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

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

Τεχνικά λεπτομέρειες

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

Το αντικείμενο HTMLCollection, το οποίο εκφράζει όλους τους στοιχεία <td> και/ή <th> εντός του στοιχείου <tr>.

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

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

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

HTML DOM Table οντόν