獲取單個html表格行的值onclick使用javascript行內的按鈕

Question

我有這張表，它的最右邊一列有一個按鈕，我希望當我點擊那個按鈕時，p標籤將會改變根據該行的值，其中按鈕是現在這裏是我的表看起來像

和我的代碼

<table class="table table-striped table-hover" id="detailTable"> 
    <thead> 
     <tr> 
      <th>Record ID</th> 
      <th>School Year</th> 
      <th>School Quarter</th> 
      <th>Student Name</th> 
      <th></th> 
     </tr> 
    </thead> 

    <tbody> 
      <tr> 
       <td>123</td> 
       <td>SY 2013-2014</td> 
       <td>2nd Quarter</td> 
       <td>Billy Joel</td> 
       <td><button class="btn" onclick="tgPanel();">Edit</button></td> 

      </tr> 
      //more rows here  
    </tbody> 

這裏是我的javascript代碼

function tgPanel() 
{ 
    document.getElementById("rid").innerHTML =  document.getElementById("detailTable").rows[0].cells[1].getVal; 
    document.getElementById("sy").innerHTML = document.getElementById("detailTable").rows[0].cells[2].getVal; 
    ..and so on.. 
} 

Answer 1

你不能使用 「GETVAL」 用 「的innerHTML」 以及你的細胞的任何值：

的document.getElementById（ 「RID」）的innerHTML =的document.getElementById（」 detailTable「）行[0] .cells [1] .innerHTML。