طريقة إنشاء جدول رأس ()
مثال
قم بإنشاء عنصر <thead> (وأدخل عنصر <tr> و <td> إليه):
// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");
// Create an empty <thead> element and add it to the table:
var header = table.createTHead();
// Create an empty <tr> element and add it to the first position of <thead>:
var row = header.insertRow(0);
// Insert a new cell (<td>) at the first position of the "new" <tr> element:
var cell = row.insertCell(0);
// Add some bold text in the new cell:
cell.innerHTML = "<b>This is a table header</b>";
التعريف والاستخدام
تنشئ طريقة createTHead () عنصر <رأس> فارغًا وتضيفه إلى الجدول.
ملاحظة: إذا كان عنصر <thead> موجودًا بالفعل في الجدول ، فإن طريقة createTHead () ترجع العنصر الحالي ، ولا تنشئ عنصرًا جديدًا.
ملاحظة: يجب أن يحتوي العنصر <thead> على علامة <tr> واحدة أو أكثر بداخله.
تلميح: لإزالة عنصر <thead> من جدول ، استخدم طريقة deleteTHead () .
دعم المتصفح
Method | |||||
---|---|---|---|---|---|
createTHead() | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
tableObject.createTHead()
المعلمات
لا أحد |
تفاصيل تقنية
قيمة الإرجاع: | عنصر <الرأس> المنشأ حديثًا (أو الموجود) |
---|
مزيد من الأمثلة
مثال
قم بإنشاء وحذف عنصر <رأس>:
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();
}
الصفحات ذات الصلة
مرجع HTML: علامة <رأس> HTML
❮ كائن الجدول