HTML | DOM 表 createTHead() 方法

简介

createTHead() 方法是 HTML 表格元素的内置方法之一，它可以创建表格头部元素的一个新实例，也就是 <thead> 元素。这个方法是在指定表格元素中使用的。通过这个方法创建的表格头部元素，可以用来显示表格的标题等信息。

语法

table.createTHead();

参数

createTHead() 方法不接受任何参数。

返回值

这个方法返回的是 <thead> 元素的一个引用。

示例

下面是一个使用 createTHead() 方法的示例：

<table id="myTable" border="1">
  <tbody>
    <tr>
      <td>Apple</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Banana</td>
      <td>200</td>
    </tr>
  </tbody>
</table>

<script>
  var myTable = document.getElementById("myTable");
  var tHead = myTable.createTHead();

  var row = tHead.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);

  cell1.innerHTML= "<b>Fruit</b>";
  cell2.innerHTML= "<b>Quantity</b>";
</script>

上面的代码会在表格中创建一个表格头部元素，并将两列数据分别设置为 "Fruit" 和 "Quantity"。结果如下：

| Fruit | Quantity | |-------|----------| | Apple | 100 | | Banana | 200 |

总结

通过 createTHead() 方法可以很方便地在表格中创建表头元素，用来显示表格的标题等信息。这个方法的返回值是一个表头元素的引用，可以方便地进行表头的样式设置、修改等操作。