如何更改表格上某一列的内容？

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

您需要添加.innerHTML如果你想使用querySelectorAll更改所选元素的内容，如：

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

注：请确保您的表包含至少一个td。

希望这会有所帮助。

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>

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>

世界上没有TD在元件而是儿童阵列。