使用javascript点击行内的按钮，获取单个html表行的值

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”）。rows [0] .cells [1] .innerHTML;