循环遍历HTML表格的第一行（GridView）并使用Javascript获取单元格内容

Question

我有一个从文件读取的GridView，当我检查元素时，它的HTML表看起来像这样：

<div>
<table>
  <tbody>
     <tr>
       <th id= "header1">...</th>
       <th id= "header2">...</th>
       <th id= "header3">...</th>
       <th id= "header4">...</th>
       <th id= "header5">...</th>
      <tr>..</tr>
      <tr>..</tr>
      <tr>..</tr>
      <tr>..</tr>
   </table>
</div>

我需要遍历第一行才能使用javascript获取标头值。我似乎无法循环第一行来提取值。

我知道我应该首先计算列数以创建我的“for”循环，但我只能计算我的行数。

var table = document.getElementById("table1");
var rowCount = table.rows.length;
for (var r = 0, n = table.rows.length; r < n; r++) {

没有像table.columns.length.How我这样做？任何帮助将不胜感激。

Answer 1

像那样你将得到一个数组中的header值

const el = [...document.querySelectorAll("th")];

const res = el.map(el => el.innerHTML)

console.log(res)

<div>
  <table>
    <tbody>
      <tr>
        <th id="header1">TEXT1</th>
        <th id="header2">TEX2</th>
        <th id="header3">TEXT3</th>
        <th id="header4">TEXT4</th>
        <th id="header5">TEXT5</th>
      </tr>
      <tr>..</tr>
      <tr>..</tr>
      <tr>..</tr>
      <tr>..</tr>
  </table>
</div>