javascript - 如何使用javascript获取表的td值

Question

我有一个像下面这样的 HTML 的 aspx 文件:

我想获取值 37.23961(如上所示)。

我如何使用javascript获取这个值(td，表'gridview2的iindex 6)？

我的HTML:

<table rules="all" id="GridView2" style="width:542px;border-collapse:collapse;" border="1" cellspacing="0">
    <tbody>
    <tr>
        <th scope="col">hname</th>
        <th scope="col">haddress</th>
        <th scope="col">hphone</th>
        <th scope="col">hhours</th>
        <th scope="col">hrating</th>
        <th scope="col">hlat</th>
        <th scope="col">hlong</th>
    </tr>
    <tr>
        <td>Kaiser Permanante</td>
        <td>200 Fremont boulevard</td>
        <td>5105199000</td>
        <td>Mon-Fri : 8:00 AM - 11:00 PM, Sat, Sun: 10:00 AM- 6:00PM</td>
        <td>3</td>
        <td>37.23961</td>
        <td>-121.800278</td>
    </tr>
</tbody>
</table>

Answer 1

首先访问相应的tr，然后访问相应的td。查看下面的代码片段:

var tr = document.getElementsByTagName("tr")[1];

var td = tr.getElementsByTagName("td")[5];

var td_text = td.innerHTML;  // here is "37.23961"

document.getElementById("fetched").innerHTML = td_text;

#fetched{
  font-weight: bold;
}

<table rules="all" id="GridView2" style="width:542px;border-collapse:collapse;" border="1" cellspacing="0">
  <tbody>
    <tr>
      <th scope="col">hname</th>
      <th scope="col">haddress</th>
      <th scope="col">hphone</th>
      <th scope="col">hhours</th>
      <th scope="col">hrating</th>
      <th scope="col">hlat</th>
      <th scope="col">hlong</th>
    </tr>
    <tr>
      <td>Kaiser Permanante</td>
      <td>200 Fremont boulevard</td>
      <td>5105199000</td>
      <td>Mon-Fri : 8:00 AM - 11:00 PM, Sat, Sun: 10:00 AM- 6:00PM</td>
      <td>3</td>
      <td>37.23961</td>
      <td>-121.800278</td>
    </tr>
  </tbody>
</table>

<label>Fetched TD content: </label><span id="fetched"></span>