Question

这里我循环遍历一个对象并检索key：value对并将它们放在一个表中

obj = clickedRecord.toJSON(); //gets record from 
                              //separate table and converts to JSON format
var array=[];
for(key in obj) {
   if(obj.hasOwnProperty(key)) {
      array.push(
         '<table id="myTable">' +
             '<tr>' +
               '<td>' + key + '</td>' +
               '<td>' + obj[key] + '</td>' +
             '<tr>' +
         '</table>''
      );
   }
}

其输出为：

ID 100
,
Name Billy
,
Address 525 Park Lane
,

是否有更简洁的方法使用javascript对象动态构建表，并省略返回数据中的逗号？

Answer 1

这样的事情：

   var table = document.createElement('TABLE');
   table.setAttribute("id", "myTable");

   for(key in obj) {
       var tr = document.createElement('TR');
       table.appendChild(tr);

       var td = document.createElement('TD');           
       td.appendChild(document.createTextNode(key));
       tr.appendChild(td);

       var td2 = document.createElement('TD');           
       td2.appendChild(document.createTextNode(obj[key]));
       tr.appendChild(td2);
   }

使用Javascript对象动态构建HTML表

1 个答案: