Table createTFoot() 메서드

HTML DOM Table 객체

정의와 사용법

createTFoot() 메서드는 비어 있는 <tfoot> 요소 그리고 표에 추가합니다.

주의:표에 이미 <tfoot> 요소가 존재하면 createTFoot() 메서드는 새로운 요소를 생성하지 않고 기존 요소를 반환합니다.

주의:<tfoot> 요소 내부에는 하나 이상의 <tr> 태그가 있어야 합니다.

추천:표에서 <tfoot> 요소를 제거하려면 다음을 사용하세요: deleteTFoot() 메서드。

기타 참조:

HTML 참조 가이드:HTML <tfoot> 태그

实例

例子 1

创建 <tfoot> 元素（并在其中插入 <tr> 和 <td> 元素）：

// 查找 id="myTable" 的 <table> 元素：
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 = \

직접 시도해보세요

例子 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 = \
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteTFoot();
}

직접 시도해보세요

문법

tableObject.createTFoot()

파라미터

없음。

기술적인 세부 사항

반환 값: 새로 만든(또는 존재하는)<tfoot> 요소。

브라우저 지원

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
지원 지원 지원 지원 지원

HTML DOM Table 객체