Метод Table createTFoot()

Объект Table DOM HTML

Определение и использование

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);      
// Вставка новой ячейки (<td>) в первую позицию нового элемента <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
Поддержка Поддержка Поддержка Поддержка Поддержка

Объект Table DOM HTML