javascript - 使用Javascript控制表格单元格的内部文本

Question

我有如下 3 个表:

<table id="timbercamptable">
    <tr>
        <th>Production</th>
        <th class="unitspertitle"></th>
        <th class="unitspernexttile"></th>
    </tr>   
    <tr>
        <td>Base production</td>
        <td class="currentunits"></td>
        <td class="nextunits"></td>
    </tr>
</table>

表的类和结构相同，但表 ID 不同。我希望使用 JavaScript 控制类的 innerText 。知道另一个表的 id 为 sulfurpittable 和 goldminetable，调用这些类的正确方法是什么。

例如，我想更改位于 timbercamptable 中的 currentunits 的 innerText

Answer 1

您可以使用document.querySelector根据表格单元格的table id和class来查询表格。

document.querySelector("#timbercamptable .currentunits").textContent = "100.00";

<table id="timbercamptable">
    <tr>
        <th>Production</th>
        <th class="unitspertitle"></th>
        <th class="unitspernexttile"></th>
    </tr>
    <tr>
        <td>Base production</td>
        <td class="currentunits"></td>
        <td class="nextunits"></td>
    </tr>
</table>