有如下表格:
<table id="tbLabelList" width="100%" cellpadding="0" cellspacing="0" border="1">
<tr><td>11</td><td>12</td><td>13</td></tr>
<tr><td>21</td><td>22</td><td>23</td></tr>
<tr><td>31</td><td>32</td><td>33</td></tr>
</table>
用javascript如下獲取一行:
// 當前選中的一行
var g_curSelectRow = null;
function SetSelectRow(newRow)
{
if (g_curSelectRow != null) {
// 使選中的狀態不再選中
g_curSelectRow .cells[0].innerText = "";
}
var tbLabelListHo = document.getElementById("tbLabelList");
var childNode = tbLabelListHo.childNodes;
g_curSelectRow = childNode[0].rows[newRow];;
g_curSelectRow.cells[0].innerHTML = "this is selected";
}
// 調用:
SetSelectRow(0); // 選中第一行
SetSelectRow(3); // 選中第三行
主要是如何獲取第幾行,採用table的childNodes屬性,它似乎只有一個子項,所以固定取其第0個元素,其中就是行(rows)了,然後按照第幾行來取就行了