开发者社区> 问答> 正文

如何用JavaScript获取table中的tr

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    window.onload=function(){
        var thisTable = document.getElementById("thisTable");
        var tbody = thisTable.children;
        //console.log(tbody);
        var trs = tbody.children;
        for(var i=0;trs.length;i++){
            console.log(trs[i]);
        }
    }
</script>
</head>
<body>
    <table id="thisTable">
        <tr>
            <td>id</td>
            <td>name</td>
            <td>age</td>
        </tr>
        <tr>
            <td>001</td>
            <td>Laowang</td>
            <td>10</td>
        </tr>
        <tr>
            <td>002</td>
            <td>Yan</td>
            <td>9</td>
        </tr>
    </table>
</body>
</html>

展开
收起
小旋风柴进 2016-03-20 14:38:48 2479 0
2 条回答
写回答
取消 提交回答
  • 参考如下代码:
    $(function() {
    var $tabObj;
    $tabObj = $('table').find('tr');
    for (var i = 0, l = $tabObj.length; i < l; i++) {
    ...
    }

    2019-07-17 19:09:42
    赞同 展开评论 打赏
  • 前端工程师

    方法分为2类:

    1. 原生获取: 8种js获取原生dom https://www.jianshu.com/p/6fefda57b51f
    2. 使用一些类似jquery的类库获取
    2019-07-17 19:09:42
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载