예
크리에이트 <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> 태그
<표 개체