Συλλογή κελιών TableRow

HTML DOM TableRow οντόν

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

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

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

Παράδειγμα

Παράδειγμα 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> στη συλλογή.

Σχόλια:Αυτό το χαρακτηριστικό είναι μόνο για ανάγνωση.

Μέθοδος

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

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

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

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

Σχόλια:Εάν ο αριθμός της ευρετηρίασης είναι εκτός εύρους, επιστρέφεται 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 TableRow οντόν