مетод Table createTFoot()

موضوع Table HTML DOM

تعریف و استفاده

createTFoot() این روش یک عناصر عنصر <tfoot> و آن را به داخل جدول اضافه کنید.

نکته:اگر عناصر <tfoot> در جدول وجود داشته باشد، createTFoot() این روش عنصر موجود را بازمی‌گرداند، بدون ایجاد عنصر جدید.

نکته:عناصر <tr> یک یا چند باید در داخل عناصر <tfoot> باشند.

توضیح:برای حذف عناصر <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> جدید قرار دهید (<td>):
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
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

موضوع Table HTML DOM