Table createTHead() 方法

什么是 createTHead() 方法？

createTHead() 方法是 HTML 表格对象的一个方法，用来创建一个包含表格头部的 thead 元素。在一个表格中，头部通常包含表格的列名或其他相关信息。

如何使用 createTHead() 方法？

使用 createTHead() 方法非常简单，只需要获取要操作的表格对象，然后调用该方法即可。下面是一个示例代码：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
    <title>Table createTHead() 方法示例</title>
</head>
<body>

<table id="myTable">
    <tr>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>25</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>30</td>
    </tr>
</table>

<script>
    var table = document.getElementById("myTable");
    var thead = table.createTHead();
    var row = thead.insertRow(0);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = "<b>姓名</b>";
    cell2.innerHTML = "<b>年龄</b>";
</script>

</body>
</html>

在这个示例中，我们首先获取了 id 为 "myTable" 的表格对象，然后调用 createTHead() 方法创建了一个 thead 元素，并在其中插入了一个包含列名的行。

createTHead() 方法的注意事项

• createTHead() 方法只能在一个表格对象上调用一次，多次调用将会覆盖之前创建的 thead 元素。
• 如果表格中已经存在 thead 元素，调用 createTHead() 方法将会替换原有的 thead 元素。

通过使用 createTHead() 方法，我们可以轻松地为表格添加头部信息，使得表格更加清晰和易读。希望这篇文章能帮助你更好地理解和运用 createTHead() 方法。