html往表格里添加信息 JavaScript中动态向表格添加数据

利用JavaScript ，动态向表格中添加数据，其实方法很简单的，下面给大家分享下实现方法

1. 首先先写出表格的表头和主干部分

编号姓名职位操作

2. 接下来就是网表格里面添加数据，这里用的是原生javascript

//模拟一段JSON数据，实际要从数据库中读取

var per = [

{id:001,name:张珊,job:学生},

{id:002,name:李斯,job:教师},

{id:003,name:王武,job:经理}

];

window.onload = function(){

var tbody = document.getElementById( bMain);

for(var i = 0;i < per.length; i++){ //遍历一下json数据

var trow = getDataRow(per[i]); //定义一个方法,返回tr数据

tbody.appendChild(trow);

}

}

function getDataRow(h){

var row = document.createElement( r