テーブルの特定の列の内容を変更する方法は？

Question

このテーブルの「開始日」列のinnerTextを変更したいとします。

<tr id="currentRow"> 
    <th>Name</th> 
    <th>Position</th> 
    <th>Office</th> 
    <th>Age</th> 
    <th>Start date</th> 
    <th>Salary</th>   
</tr> 

私は以下のコードを試してみましたが、それはうまくいきませんでした：

ここではコードです。

document.getElementById("currentRow").td[4] = "this is a text"; 

どうすれば実現できますか？

Answer 1

あなたはquerySelectorAllを使用して、選択した要素の内容を変更する場合のように、.innerHTMLを追加する必要があります。

document.querySelectorAll('#currentRow th')[4].innerHTML = "this is a text"; 

注：あなたのテーブルには、少なくとも1 tdが含まれていることを確認してください。

これが役に立ちます。

Answer 2

<table> 
 
<tr id="currentRow"> 
 
    <th>Name</th> 
 
    <th>Position</th> 
 
    <th>Office</th> 
 
    <th>Age</th> 
 
    <th>Start date</th> 
 
    <th>Salary</th>   
 
</tr> 
 
</table> 
 
<script> 
 
document.getElementById("currentRow").children[4].innerHTML = "this is a text"; 
 
</script>

document.querySelectorAll('#currentRow th')[4].innerHTML = "this is a text";

<table> 
 
    <tr id="currentRow"> 
 
    <th>Name</th> 
 
    <th>Position</th> 
 
    <th>Office</th> 
 
    <th>Age</th> 
 
    <th>Start date</th> 
 
    <th>Salary</th> 
 

 
    </tr> 
 
</table>

Theresの要素でないTDむしろ子供アレイ。