var styles = [ 'niveau_10', 'niveau_9', 'niveau_5', 'niveau_19'];

$( document ).ready(function() {

  $.getJSON( "api/get.php", function( data ) {

    var div = document.getElementById('TREE');
    var tbl = document.createElement("table");
    var tblBody = document.createElement("tbody");
 
    data.forEach(function(element){
      var tr = document.createElement('tr');
      var td = null;

      td = document.createElement('td');
      td.appendChild(document.createTextNode(element.code));
      tr.appendChild(td);

      td = document.createElement('td');
      td.appendChild(document.createTextNode(element.name));
      tr.appendChild(td);

      tr.setAttribute('class',styles[element.level % styles.length]);
      tblBody.appendChild(tr);

    });

   tbl.appendChild(tblBody);

   div.appendChild(tbl);

  });

});