javascript - 访问 HTML 表格单元格并更改值

Question

我需要访问 HTML 表的单元格并更改其值。我尝试过的方法没有成功。另请参阅屏幕截图。

无法使用以下方法，因为在某些情况下存在多个具有相同值的方法。我需要访问特定的标记单元格。

$('td:contains("1200")').text('....');

Cell需要访问和更改金额

<table class="table table-striped">
  <thead>
    <tr>
      <th>Loan amount</th>
      <th>New loan installment amount (first installment)</th>
      <th>DSCR (both new and existing)</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td id="ValueOne">LKR 12000</td>
      <td>Doe</td>
      <td>john@example.com</td>
    </tr>
    <tr>
      <td>Mary</td>
      <td>Moe</td>
      <td>mary@example.com</td>
    </tr>
    <tr>
      <td>July</td>
      <td>Dooley</td>
      <td>july@example.com</td>
    </tr>
    <tr>
      <td>July</td>
      <td>Dooley</td>
      <td>july@example.com</td>
    </tr>
    <tr>
      <td>July</td>
      <td>Dooley</td>
      <td>july@example.com</td>
    </tr>
  </tbody>
</table>

通过ID访问并更改值不起作用。

document.getElementById("ValueOne").innerHTML = 'New Value';

Answer 1

既然您向我们提供了 ID。只需使用:

Javascript:

document.getElementById("ValueOne").innerHTML = "LKR 100"

JQuery:

$("#ValueOne").text("LKR 100")

Demo: https://jsfiddle.net/fme8v6oa/

选项:

document.getElementsByTagName("td")[0].innerHTML = "LKR 100"