如何为tbody中的所有表数据设置一个表头？

<table>
  <thead>
    <tr>
      <th>表头1</th>
      <th>表头2</th>
      <th>表头3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
    <tr>
      <td>数据4</td>
      <td>数据5</td>
      <td>数据6</td>
    </tr>
    <!-- 其他表格行 -->
  </tbody>
</table>

var table = document.querySelector('table'); // 获取表格元素
var tbody = table.querySelector('tbody'); // 获取表体
var dataRow = tbody.querySelector('tr'); // 获取数据行

var headers = []; // 存储表头内容

// 遍历数据行的每个单元格，获取表头内容
for (var i = 0; i < dataRow.cells.length; i++) {
  headers.push(dataRow.cells[i].textContent);
}

var thead = table.querySelector('thead'); // 获取表头
var headerRow = document.createElement('tr'); // 创建表头行

// 创建并添加表头单元格
for (var i = 0; i < headers.length; i++) {
  var cell = document.createElement('th');
  cell.textContent = headers[i];
  headerRow.appendChild(cell);
}

thead.appendChild(headerRow); // 将表头行添加到thead中