inserire codice HTML complesso tramite DOM

[alexforum]

ciao a tutti,
faccio una chiamata ajax a php e mi viene restituito un array con dei dati che devo visualizzare...

questi dati vorrei visualizzarli tramite js in una struttura di questo tipo:

 var listaNote = document.getElementById('listaNote');
 var out = "";
  // dati è l' array con i miei dati
   for(var i=0; i<dati.length; i++){
    out += "<dl>";
    out += "<dt>"+dati[i][0]+"</dt>";
    out += "<dd>"+dati[i][1]+"</dd>";
    out += "<dd>"+dati[i][2]+"</dd>";
    out += "<dd>"+dati[i][3]+"</dd>";
    out += "</dl>";
   }
   listaNote.innerHTML = out; 

usando innerHTML tutto ok, ma volendo seguire le specifiche el W3C dovrei usare il DOM,
quindi dovrei fare document.createElement('<dl>') ecc... per ogni elemento?

voi come fareste?