Metoda Table createTFoot()

Obiekt Table DOM HTML

Definicja i użycie

createTFoot(): Metoda tworzy pustą: Element <tfoot> i dodaj go do tabeli.

Komentarz:Jeśli w tabeli istnieje już element <tfoot>, createTFoot(): Metoda zwraca istniejący element, bez tworzenia nowego.

Komentarz:Wewnętrzna struktura elementu <tfoot> musi zawierać przynajmniej jeden element <tr>.

Wskazówka:Aby usunąć element <tfoot> z tabeli, użyj: Metoda deleteTFoot():.

Zobacz również:

Podręcznik HTML:Tag <tfoot> HTML

Przykład

Przykład 1

Tworzenie elementu <tfoot> (i wstawienie w nim elementów <tr> i <td>):

// Znajdź element <table> o id="myTable":
var table = document.getElementById("myTable");
// Utwórz pustą komórkę <tfoot> i dodaj ją do tabeli:
var footer = table.createTFoot();
// Utwórz pustą komórkę <tr> i dodaj ją do pierwszego miejsca w <tfoot>:
var row = footer.insertRow(0);      
// Wprowadź nową komórkę (<td>) w pierwszym miejscu nowego elementu <tr>:
var cell = row.insertCell(0);
// Dodaj czcionkę wytłuszczoną w nowej komórce:
cell.innerHTML = "<b>This is a table footer</b>";

Spróbuj sam

Przykład 2

Tworzenie i usuwanie elementu <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();
}

Spróbuj sam

Gramatyka

tableObject.createTFoot()

Parametry

Brak.

Szczegóły techniczne

Wartość zwracana: Nowo utworzony (lub istniejący)Element <tfoot>.

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Obiekt Table DOM HTML