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

Question

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

回显我的php更新页面中的val显示成功传递的id值，但没有其他人。

Answer 1

修改

根据您的上一条评论，我建议您在所有<td>代码上使用事件监听器，这样您就可以获取用户点击的特定<td>的相关文字：

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

<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');