Discussion :

[Gruik]

Salut,

J'ai maintenant une petite experience en applications js qui créent des éléments dynamiquement, à l'aide de document.createElement() puis de l'utilisation des propriétés DOM pour modifier des attributs aux éléments (className, id, setAttribute...)
Cette approche me semble plus clean, mais on se rend compte qu'on doit ecrire toute une tartine pour pas grand chose, alors qu'avec innerHTML, on pourrait créer une bonne partie du code HTML facilement.

Donc qu'en pensez vous?
Merci

[SpaceFrog]

le souci est qu'avec innerHTML les objets ne sont pas vraiment instanciés ...
innerHTML est à utiliser avec parsimonie (si elle est dans le coin ...) pour modifier du texte par exemple ...
createElement du DOM permet le creation propre d'objets et permet également de leur attribuer des evènements ...

[OButterlin]

Je préfère la méthode document.getElementById('nom_cible').innerHTML pour créer des éléments d'IHM, beaucoup plus compacte, plus facile pour le debug (avec alert) mais il faut relativiser : si le problème était d'insérer une colonne dans un tableau, les méthodes DOM seraient bien plus appropriées...

Ce n'est que mon avis...

A+

[Gruik]

Ok merci
Sinon, j'ai eu un cas où innerHTML était la seule solution :
C'est lorsqu'on doit créer des champs de formulaire, on ne peut pas affecter la propriété "name" sous IE (merci IE), c'est pourtant obligatoire si on a des radio boutons meme si on a pas de vrai formulaire.

[SpaceFrog]

? on ne peut pas affecter de name sous IE ???

[Gruik]

Oui

The NAME attribute cannot be set at run time on elements dynamically created with the createElement method. To create an element with a name attribute, include the attribute and value when using the createElement method.

http://msdn.microsoft.com/workshop/a...ies/name_2.asp

Enfin, la ils utilisent leur createElement perso qui est pas du tout standard, donc innerHTML est la seule solution portable

[SpaceFrog]

ha oui mais faut le faire au moment du createElement ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
 
<script type='text/javascript'>
for (i=0;i<10;i++){
var item= document.createElement("<input type='radio' NAME='monradio' value='"+i+"/>");
document.body.appendChild(item)
}
</script>