如何通過javascript獲取html表tr單元格值

Question

我有一個使用動態數據創建的HTML表格，無法預測其中的行數。我想要做的是在單擊特定行的最後一個單元格時獲取行單元格的值。

Answer 1

使用計數器變量來計算行號。爲了簡潔和兼容性

Answer 2

使用jQuery：這讓你的DOM

$('tr').on('click', function(evt){ 
    console.log(this); 
}); 

對象，你只需點擊。如果你只是想最後TD觸發事件（假設你有4列），它可能看起來更像是這樣的：

$('tr td:nth-child(4)').on('click', function(evt){ 
    console.log($(this).parent()); 
}); 

Answer 3

所以首先得到使用的getElementById等元素，那麼你可以得到的實際內容該行通過element.innerHTML

var tableRow = document.getElementById("tr3"); 
 
var content = tableRow.innerHTML; 
 
alert(content);

table td {border: 1px solid black;} 
 

 
    

<table> 
 
     <tr id="tr1"><td>1</td><td>2</td></tr> 
 
     <tr id="tr2"><td>3</td><td>4</td></tr> 
 
     <tr id="tr3"><td>5</td><td>6</td></tr> 
 
</table>

你可以使用一個onClick函數來獲取價值。