天天看点

Table createTHead() 方法

Table 对象

定义和用法

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

注意:

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

提示:

在表格中移除 thead 元素请使用

deleteTHead() 方法。

语法

tableObject.createTHead()

浏览器支持

Table createTHead() 方法
Table createTHead() 方法
Table createTHead() 方法
Table createTHead() 方法
Table createTHead() 方法

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

实例

创建和删除 thead 元素:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

<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>这是个表头</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>

        <td>cell 3</td>

        <td>cell 4</td>

    </tr>

</table>

<br>

<button type="button" onclick="createTHead()">创建表头</button>

<button type="button" onclick="deleteTHead()">删除表头</button>

</body>

</html>

Table 对象