Bonjour,

dans le tutoriel sur le dhtml l'auteur présente cette façon de faire pour modifier les attributs d'une balise fraichement créée :

// ajout du nouveau contenu
var img = document.createElement('img');
img.setAttribute('src', 'english.jpg');
img.setAttribute('alt', 'drapeau anglais');
paragraphe.appendChild(img);

Mais pourquoi passer par la methode setAttribute alors que l'on peu modifier directement les valeurs des attributs ainsi :

// ajout du nouveau contenu
var img = document.createElement('img');
img.src = 'english.jpg';
img.alt = 'drapeau anglais';
paragraphe.appendChild(img);

L'une des deux façons est incompatible sur certains navigateurs ? Ou bien est-ce une question de clarté ou de normes ? Et qu'en est-il des performances (si je veux créer des balises dans une boucle par exemple) ?

Je vous remercie d'avance.


edit : j'ai vu comment calculer le temps d'exécution d'une page et j'ai testé, la methode setAttribute est tout simplement 2 fois plus rapide !
J'aurai plutôt pensé que c'était l'inverse, pourquoi est-ce plus rapide de se servir d'une methode plutôt que de modifier directement l'attribut ? Quelqu'un saurai m'expliquer ça ?

Figure toi que c'est une bonne question.

truc.src par exemple, je n'ai jamais vu d'incompatibilité même sous ie5.

La seule fois où j'ai eu des incompatibilités, c'est genre je faisais du dev en xul, qui n'acceptait que le .setAttribute pour certain truc.

Après je t'avoue que..