Discussion :

[arcade_stg_master]

Bonjour,

J'ai une question vraiment qui me taraude depuis des mois et j'ai du mal à faire un choix, même si j'ai une idée.

Que dois-je utiliser ? innerHTML ou les méthodes DOM

Ma théorie serait d'utiliser
* le DOM pour tout ce qui est éléments intéractifs : Champs, boutons etc ... nettement plus lisible et plus souple pour ajouter des methods ou des events
* le innerHTML (étant soi disant plus rapide) pour tout ce qui est affichage de résultat (notamment quand il s'agit de gros tableaux avec plus d'une centaine d'enregistrements) par rapport à une recherche dans une base de donnée par exemple

Est-ce que je fais fausse route ou pas ...

Merci d'avance pour les réponses

[SpaceFrog]

Je préconise toujours de passer de préférence par les méthodes du DOM afin d'éviter tout souci de prise en compte hasardeuse du code inséré en innerHTML selon les navigatuers.

[arnogues]

Je conseille fortement de passer par innerHTML car c'est la méthode la plus rapide et la plus efficace pour produire du code DOM.

La seule contrainte c'est qu'il faut que tu fermes bien toutes tes balises.
Il n'y aura jamais d'interprétation hasardeuse des navigateurs à partir du moment où tu leurs fais manger du html correct.

La seule chose qu'il faut éviter c'est de prendre ce innerHTML depuis un noeud DOM et de le manipuler pour le réinjecter ensuite, car des navigateurs comme IE te retourne le innerHTML avec du HTML parfois interprété à sa manière (suppression des guillemets pour les attributs par exemple)

Ensuite si tu dois utiliser générer ton html à partir de données javascript, je te conseille de passer par un système de templating il en existe plusieurs :
- Handlebars
- MicroTEmplating de John Resig
- Underscore
...


A partir du moment ou tu commences à avoir beaucoup de HTML à produire depuis JS, je te déconseille de passer par le DOM, car en terme de performances ça sera horrible. Si tu travaille le HTML dans une chaine de caractères (String) et que ensuite tu envoies tout en une seule fois au DOM, en terme de perfs tu es gagnant

[Bovino]

A noter que innerHTML fait pleinement partie de la spécification DOM en HTML5.

[faucheuse]

L'utilisation de innertHTML n'est pas bloquée par certains browsers ?

[SpaceFrog]

Je conseille fortement de passer par innerHTML car c'est la méthode la plus rapide et la plus efficace pour produire du code DOM.

La plus rapide ... j'en conviens.
Je reste cependant sceptique quand a la prise en compte intégrale du code de façon crossbrowser.
La méthode DOM est certes plus lente, mais à qui est à quelques microsecondes près ?
La methode de création par le DOM permet de s'assurer que l'element inséré est parfaitement pris en compte avec toutes ses propriétés pas le navigateur, vu que c'est le navigateur qui le crée au lieu d'avoir à parser du code html.

[javatwister]

non faucheuse, la méthode est universelle