Динамически здания HTML таблица с JavaScript Object

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 Object, а также опустить запятые из возвращаемых данных?

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