js动态创建table、读取table

创建：

                                        var mytable = document.getElementById("mytable");

var mytr = "";
for(var i=0;i<data.length;i++){
var tr = document.createElement("tr");
var td1 = document.createElement("td");
td1.innerHTML = data[i].id;
tr.appendChild(td1);
var td2 = document.createElement("td");
td2.innerHTML = data[i].name;
tr.appendChild(td2);
var td3 = document.createElement("td");
td3.innerHTML = data[i].content;
tr.appendChild(td3);
mytable.appendChild(tr);

}

注意：这里的data是后台返回的List的json格式，

弊端：table的样式（class=“”属性小消失，在后边用js动态加入也不显示效果，未解决【菜鸟一枚】）

读取：

 var tab = document.getElementById("mytable"); 

  var rows = tab.rows.length;
  for(var i = 1; i < rows; i++)
  {
    var cols = tab.rows[i].childNodes;
    for(var m = 0; m < cols.length; m++)
    {
      alert(cols[m].innerText);
    }
 }

注意：如果<td>标签内有其他类似如input select等标签还需要深一步读取。

                希望大家分享一下自己习惯的操作方式，互相学习，谢谢！！！