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 对象

createthead()

Table createTHead() 方法

定义和用法

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

注意： 如果 thead 元素如果在表格中已经存在, createTHead() 方法返回存在的值，不返回新的<thead> 元素

提示：在表格中移除 thead 元素请使用 deleteTHead() 方法。

语法

tableObject.createTHead()

浏览器支持

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

实例

创建和删除 thead 元素:

<html>
<head>
<script>
function createTHead()
{
var x=document.getElementById("myTable");
if (!x.tHead)
{
var header=x.createTHead();
var row=header.insertRow(0);
var cell=row.insertCell(0);
cell.innerHTML="<b>This is a table header</b>";
}
}
function deleteTHead()
{
document.getElementById("myTable").deleteTHead();
}
</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="createTHead()">Create thead</button>
<button type="button" onclick="deleteTHead()">Delete thead</button>

</body>
</html>