js 自定义可编辑table并获取输入值

1.js加载table,tabid为abc.

　　jsp:

<table id="abc"></table>

js:
var tr_tr = "";
var table_t = $("#abc");

tr_tr = ("<tr>" +
"<td> <input type='text' name='data1'class='easyui-validatebox' value='' /></td>" +

"<td> <input type='text' name='data2' class='easyui-numberbox' placeholder='请输入...' precision='2' value=''/></td>" +
+"</tr>");
table_t.append(tr_tr);

$.parser.parse(table_t);

2.js获取输入的数据

var tr;
var row = document.getElementById("abc").rows;
var dataArray = new Array();
for (var i = 1; i < row.length; i++) {
    var date = new Object();
    tr = row[i];
    date.data1 = tr.childNodes[0].childNodes[1].value;
    date.data2 = tr.childNodes[1].childNodes[1].value;
   dataArray.push(date);
}
var abdData = JSON.stringify(dataArray);