如何通過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');