如何通过Javascript获取html td单元格值

Question

我想从我的表td中获取信息，使用javascript。我怎样才能做到这一点？我尝试过并失败了，因为我不完全理解JS。到目前为止，我已经设法让他们中的一个人工作，这是'ID'，但那只是直接从数据库获取信息，td值无法实现。

呼应我的PHP更新页面中的vals显示id val被成功传递，但没有其他人。

Answer 1

编辑

根据您最后的评论，我可以推荐你在所有<td>标签使用事件监听器，并通过这种方式你可以得到特定的<td>的相关文字，用户点击：

var tds = document.querySelectorAll('td'); 
 
    for (var i = 0; i < tds.length; i++) { 
 
    \t var td = tds[i]; 
 
     td.addEventListener('click', function(){ 
 
    \t \t console.log(this.innerText) 
 
    \t }); 
 
    }

<table> 
 
<tr> 
 
    <td class="awb">I am the first awb</td> 
 
    <td class="awb">I am the second awb</td> 
 
</tr> 
 
<tr> 
 
    <td class="differentClass">I am the first differentClass</td> 
 
    <td class="differentClass">I am the second differentClass</td> 
 
</tr> 
 
</table>

---

您正在接近这一切都错了...

取而代之的是：

var awbno = String(tr.querySelector(".awb").innerHTML); 

这样做：

var awbno = document.querySelector(".awb").innerHTML; 

---

这里是一个片段：

var awbno = document.querySelector(".awb").innerHTML; 
 
console.log(awbno);

<table> 
 
<tr> 
 
<td class="awb">Test Text inside a td tag</td> 
 
</tr> 
 
</table>

Answer 2

为了使用类

let value = document.querySelector('.className').innerHTML; 

获得，以获得特定TD的

let value = document.querySelector('td.className');