пример
Создание <tfoot> элемент (and insert a <tr> and <td> element to it) :
// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");
// Create an empty <tfoot> element and add it to the table:
var footer =
table.createTFoot();
// Create an empty <tr> element and add it to the first position of
<tfoot> :
var row =
footer.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 footer</b>"; Попробуй сам " Определение и использование
createTFoot() метод создает пустой <tfoot> элемент и добавляет его к столу.
Note: Если <tfoot> элемент уже существует в таблице, createTFoot() метод возвращает существующий, а не создает новый.
Примечание: <tfoot> элемент должен иметь один или несколько <tr> теги внутри.
Tip: Чтобы удалить <tfoot> элемент из таблицы, используйте deleteTFoot() метод.
Поддержка браузеров
| метод | |||||
|---|---|---|---|---|---|
| createTFoot() | да | да | да | да | да |
Синтаксис
tableObject .createTFoot()
параметры
| Никто |
Технические подробности
| Возвращаемое значение: | Вновь созданный (or an existing) <tfoot> элемент |
|---|
Еще примеры
пример
Создание и удаление <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();
} Попробуй сам " Похожие страницы
HTML ссылка: HTML <tfoot> Тег
<Таблица объекта