مетод Table createTFoot()

مثلث HTML DOM Table

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

createTFoot() يُنشأ هذا المетод عنصرًا عنصر <tfoot> إضافته إلى الجدول.

ملاحظة:إذا كان هناك بالفعل عنصر <tfoot> في الجدول، createTFoot() يعود هذا المетод بالعنصر الحالي دون إنشاء عنصر جديد.

ملاحظة:يجب أن يحتوي عنصر <tfoot> على علامة <tr> واحدة أو أكثر.

نصيحة:لإزالة عنصر <tfoot> من الجدول، استخدم: مетод deleteTFoot().

انظر أيضًا:

دليل HTML:علامة <tfoot> لـ HTML

مثال

مثال 1

إنشاء عنصر <tfoot> (وإدراج عناصر <tr> و <td> فيه):

// العثور على عنصر <table> ذات id="myTable":
var table = document.getElementById("myTable");
// إنشاء عنصر <tfoot> فارغ وإضافته إلى الجدول:
var footer = table.createTFoot();
// إنشاء عنصر <tr> فارغ وإضافته إلى أول موقف في <tfoot>:
var row = footer.insertRow(0);      
// إدراج خلية جديدة في أول موقف في العنصر <tr> الجديد:
var cell = row.insertCell(0);
// إضافة نص مائل في الخلية الجديدة:
cell.innerHTML = "<b>This is a table footer</b>";

جرب بنفسك

مثال 2

إنشاء وإزالة عناصر <tfoot>:

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

جرب بنفسك

النحو

tableObject.createTFoot()

المتغيرات

لا يوجد.

تفاصيل التقنية

النتيجة: المحدثة (أو الحالية)عنصر <tfoot>.

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم

مثلث HTML DOM Table