طريقة Table createTHead()

HTML DOM Table هندسة

تعريف واستخدام

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
الدعم الدعم الدعم الدعم الدعم

HTML DOM Table هندسة