Salut les progueux !
Je suis en train de bosser sur un petit projet perso dans lequel je voudrais générer automatiquement en JS du contenu HTML de ma page. C'est pas du AJAX ni rien de compliqué, c'est juste une génération automatique de listes et de liens à partir de données qui sont stockées dans un JSON externe.
Au début, j'avais commencé à coder tout ça avec du innerHTML, genre :
Code :
- var html = "<ul>";
- for (var i in data) {
- html = html + "<li>" + data[i] + "</li>";
- }
- html = html + "</ul>";
- document.getElementById("mon_id" ).innerHTML = html;
|
Puis j'ai découvert que innerHTML n'était pas standard et qu'il valait mieux utiliser le DOM, alors j'ai tout réécrit comme ça:
Code :
- var ul = document.createElement('ul');
- for (var i in data) {
- var li = document.createElement('li');
- li.appendChild( document.createTextNode(data[i]));
- ul.appendChild(li);
- }
- document.getElementById("mon_id" ).appendChild(ul);
|
Et puis j'ai continué de me renseigner et j'ai trouvé sur le net tout et son contraire : certains disent que innerHTML est plus efficace et mieux supporté en pratique, d'autres disent que la seule manière valide est d'utiliser le DOM qui est un standard.
Finalement que me conseillez-vous ? Y a-t-il selon vous une meilleure manière de procéder ?
merci d'avance
---------------
TriScale innov