Javascript: object keys and values to html table

Source code viewer
var objectToTable = {key1: 'value1'};
 
// Create new table element.
var keyValueTable = document.createElement('table');
// Add attribute id, you can also add classes for an example.
keyValueTable.setAttribute('id', 'keyValueTable');
// loop through the javascript object.
for (var key in objectToTable) {
  // Create row.
  var tr = document.createElement('tr');
  keyValueTable.appendChild(tr);
 
  // Create first column with value from key.
  var td = document.createElement('td');
  td.appendChild(document.createTextNode(key));
  tr.appendChild(td);
 
  // Create second column with value from value.
  var td2 = document.createElement('td');
  td2.appendChild(document.createTextNode(objectToTable[key]));
  tr.appendChild(td2);
}
 
// You can use your generated table anywhere. For an example append it to somewhere with jquery.
$('someDiv').append(keyValueTable);
Programming Language: Javascript