js创建表格

最新推荐文章于 2023-03-27 11:42:15 发布

转载最新推荐文章于 2023-03-27 11:42:15 发布 · 136 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wuxie1989/p/6733781.html

文章标签：

#json

本文介绍了一个使用JavaScript动态创建表格的方法，该方法从JSON数据源读取数据，并将数据逐行填充到HTML表格中。示例代码展示了如何为每行数据创建表格行（tr）和单元格（td），并插入相应字段的内容。

js创建一个表格，其中的表头已经有了，要从json中读取的数据一行一行地创建表格

    function create_table(data){
        tableNode = document.getElementById("result");
        var rowNum = tableNode.rows.length;
        for(j=rowNum-1;j>0;j--){
            tableNode.deleteRow(j);
        }//删除原来的结果
        for(i in data){
            var trNode=tableNode.insertRow();
            var tdNode1=trNode.insertCell();
            tdNode1.innerHTML=data[i].log_time;
            var tdNode2=trNode.insertCell();
            tdNode2.innerHTML=data[i].android_revenue;
            var tdNode3=trNode.insertCell();
            tdNode3.innerHTML=data[i].android_pay;
            var tdNode4=trNode.insertCell();
            tdNode4.innerHTML=data[i].ios_revenue;
            var tdNode5=trNode.insertCell();
            tdNode5.innerHTML=data[i].ios_pay;
            var tdNode6=trNode.insertCell();
            tdNode6.innerHTML=data[i].totle_revenue;
            var tdNode7=trNode.insertCell();
            tdNode7.innerHTML=data[i].totle_pay;
        }
    }