獲取html的table行

有如下表格:

<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)了,然後按照第幾行來取就行了

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章