html动态加载列表数据,javascript操作向表格中动态加载数据

本文实例为大家分享了javascript实现向表格中动态加载数据的具体代码，供大家参考，具体内容如下

首先在HTML中编写表格信息

//表格头部信息

编号姓名身份操作

//表格内容信息

然后编写js代码

//创建一个数组

var per=[

{id:'001',name:'张三',job:'学生'},

{id:'002',name:'张三',job:'学生'},

{id:'003',name:'张三',job:'学生'},

{id:'004',name:'张三',job:'学生'}

];

//打开窗口就执行

window.οnlοad=function () {

var tbody=document.getElementById('tbBody');

for(var i=0;i

var trow=getDataRow(per[i]);

tbody.appendChild(trow)

}

}

//获取数据

function getDataRow(h) {

//创建行

var row=document.createElement('tr');

/*创建第一列id属性*/

//创建第一列id

var idCell=document.createElement('td');