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

  });

});