js 获取th的值

<table id="myTable">
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容 -->
  </tbody>
</table>

// 获取表格元素
const table = document.getElementById('myTable');

// 获取表头行
const headerRow = table.querySelector('thead tr');

// 获取所有表头单元格
const headers = headerRow.querySelectorAll('th');

// 遍历表头单元格并输出它们的文本内容
headers.forEach((th, index) => {
  console.log(`Header ${index + 1}: ${th.textContent}`);
});

const table = document.getElementById('myTable');
const headers = Array.from(table.querySelectorAll('thead th'));

headers.map((th, index) => {
  console.log(`Header ${index + 1}: ${th.innerText}`);
});

const table = document.getElementById('myTable');
const secondHeader = table.querySelectorAll('thead th')[1].textContent;
console.log(`Second Header: ${secondHeader}`);