如何在tbody中迭代td？

Question

<table> 
    <tbody id="SAMPLETBODY">
        <tr>
            <td>TEST1</td>
            <td>TEST2</td>
            <td>TEST3</td>
            <td>TEST4</td>
        </tr>
    </tbody>
</table>

我有上面的代码,我想迭代td,因为迭代表中的tbodies是这样的:

var table1 = document.getElementById('firstTable');
for(int i = 0; i < table1.tBodies.length; i++) {
    /*DO SOMETHING HERE*/
}

我怎么能在td里面的td中做到这一点？

编辑:

我在表中有多个tbodies,我已经尝试了一些相似的代码(它迭代了所有的tbodies)并在我问这个问题之前发布在这里.

再次编辑:

最终代码:

function sampleFunc() {
    var x = "";
    var tds = document.querySelectorAll('#SAMPLETBODY td'), i;
    for(i = 0; i < tds.length; ++i) {
        x = x + tds[i].innerHTML;
    }
    return x;
}

感谢:rink.attendant.6

Answer 1

用途querySelectorAll():

var tds = document.querySelectorAll('tbody td'), i;
for(i = 0; i < tds.length; ++i) {
    // do something here
}

例如,如果您希望将其限制在某个表中,#firstTable则需要指定:

var tds = document.querySelectorAll('#firstTable tbody td');

只是注意到你有一个ID tbody,所以选择器看起来像你的特定tbody:

var tds = document.querySelectorAll('#SAMPLETBODY td');