samuca-json-loop-table.js

document.body.textContent = ""

var json = {
  "tabela": {
    "thead": [{
        "tr":[
          {"td": "TD head 1"},
          {"td": "TD head 2"},
          {"td": "TD head 3"}
        ]
      }
    ],
    
    "tbody": [{
        "tr":[
          {"td": "TD body 1"},
          {"td": "TD body 2"},
          {"td": "TD body 3"}
        ]
      }
    ]
  }
};


//	Head  
var Table_head = function( arquivo_json ){
  var j = arquivo_json;
  var n = 0;
  var o = 0;
  var tr = [];
  var td = [];
  var td_val = [];
  
  //	Cria um table, thead e tbody
  var table = document.createElement("table");
  var thead = document.createElement("thead");
    
  
  for(n; n < j.tabela.thead.length; n++) {
    
    //	Cria tr
    tr[n] = document.createElement("tr");
    
    //	Cria td
    for(o; o < j.tabela.thead[n].tr.length; o++) {
      td[o] = document.createElement("td");
      td_val[o] = document.createTextNode( j.tabela.thead[n].tr[o].td );
      td[o].appendChild(td_val[o]);
                  
      tr[n].appendChild(td[o]);
    }
    
    thead.appendChild( tr[n] );    
  }
  
  table.appendChild(thead);  
    
  document.body.appendChild(table);
};


Table_head( json );