Μέθοδος Table createTHead()

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

createTHead() Η μέθοδος δημιουργεί κενή Στοιχεία <thead> και προσθέστε το στην τραπέζια.

Σημείωση:Αν το στοιχείο <thead> υπάρχει ήδη στη τραπέζια createTHead() Η μέθοδος επιστρέφει το υπάρχον στοιχείο χωρίς τη δημιουργία νέου στοιχείου.

Σημείωση:Το στοιχείο <thead> πρέπει να περιέχει τουλάχιστον ένα ή περισσότερα στοιχεία <tr>.

Σημείωση:Για να διαγράψετε το στοιχείο <thead> από τη τραπέζια, χρησιμοποιήστε Μέθοδος deleteTHead().

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

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

Παράδειγμα

Παράδειγμα 1

Δημιουργία στοιχείου <thead> (και εισαγωγή στοιχείων <tr> και <td>;

// Εύρεση στοιχείου <table> με id="myTable";
var table = document.getElementById("myTable");
// Δημιουργία κενής στοιχείου <thead> και προσθήκη στην τραπέζια;
var header = table.createTHead();
// Δημιουργία κενής στοιχείου <tr> και προσθήκη στην πρώτη θέση του <thead>;
var row = header.insertRow(0);     
// Εισαγωγή νέου κελιού (<td>) στην πρώτη θέση του νέου στοιχείου <tr>;
var cell = row.insertCell(0);
// Προσθήκη粗体文本 σε νέα κελί:
cell.innerHTML = '<b>This is a table header</b>';

Προσπάθησε να το δοκιμάσεις

Παράδειγμα 2

Δημιουργία και διαγραφή στοιχείων <thead>;

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var header = table.createTHead();
  var row = header.insertRow(0);
  var cell = row.insertCell(0);
  cell.innerHTML = '<b>This is a table header</b>';
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteTHead();
}

Προσπάθησε να το δοκιμάσεις

Γλώσσα

tableObject.createTHead()

Παράμετροι

Δεν υπάρχουν.

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

Αποτελέσματα: Νέα δημιουργημένα (ή υπάρχοντα)Στοιχεία <thead>.

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

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