HTML DOM教程

HTML DOM 简介 HTML DOM 节点 HTML DOM 方法 HTML DOM 属性 HTML DOM 访问 HTML DOM 修改 HTML DOM 修改 HTML 内容 HTML DOM 元素 HTML DOM 事件 HTML DOM 导航 HTML DOM 总结 HTML DOM 对象

createtfoot()

Table createTFoot() 方法

定义和用法

createTFoot() 方法用于在表格中获取或创建 <tfoot> 元素。

注意：如果 tfoot 元素在表格中已经存在， createTFoot() 方法返回存在的值,不会创建一个新的 <tfoot> 元素。

提示： 在表格中移除 tfoot 元素，请使用 deleteTFoot() 方法。

语法

tableObject.createTFoot()

浏览器支持

所有主要浏览器都支持 createTFoot() 方法

实例

创建和删除 tfoot 元素:

<html>
<head>
<script>
function createTFoot()
{
var x=document.getElementById("myTable");
if (!x.tFoot)
{
var footer=x.createTFoot();
var row=footer.insertRow(0);
var cell=row.insertCell(0);
cell.innerHTML="<b>This is a table footer.</b>";
}
}
function deleteTFoot()
{
document.getElementById("myTable").deleteTFoot();
}
</script>
</head>
<body>

<table id="myTable" border="1">
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
</tr>
</table>
<br>
<button type="button" onclick="createTFoot()">Create tfoot</button>
<button type="button" onclick="deleteTFoot()">Delete tfoot</button>

</body>
</html>