js循环添加table数据 

<body>
    <table border="1">
        <thead>
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
        </thead>
        <tbody id="test">
        </tbody>
    </table>
    <script type="application/javascript">
        var list=[{id:1,name:"zhangsna",sex:"0"},{id:2,name:"lisi",sex:"0"}];
        for(var datalist in list){
            //每次循环创建一个tr，实现换行
            var trval = document.createElement("tr")
            //获取字典中的数组
            var data = list[datalist];
            for(var info in data){
                //创建td标签
                var tdval = document.createElement("td")
                //获取每次循环的值[id，name，sex]]
                var text = data[info]
                //将获取的值绑定到td标签上
                tdval.innerText = text
                //将td标签绑定到tr上
                trval.appendChild(tdval)
            }
            var bodyTag = document.getElementById("test")
            //将tr标签绑定到tbody上
            bodyTag.appendChild(trval)
        }
    </script>
</body>
posted @   whtjyt  阅读(1608)  评论(0)  编辑  收藏  举报
相关博文：
· js循环列表添加li数据
· flask连接数据库并在页面展示数据
· js实现动态表格的添加
· js操作表格元素的添加删除实现
· jsp for循环
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛