javascript - 使用 Javascript 对象动态构建 HTML 表

Question

在这里，我循环访问一个对象并检索键:值对并将它们放入表中

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);
   }