次のように私は3つのテーブルを持っているテーブルセルのInnerTextプロパティ

Question

を制御するためにJavaScriptを使用して：テーブルの

<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がsulphurpittableとgoldminetableであることを知ることです。

たとえば、私はあなたがテーブルセルのtable idとclassに基づいて、テーブルを照会するためにdocument.querySelectorを使用することができますtimbercamptable

Answer 1

に位置currentunitsのinnerTextを変更したいです。

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>