Discussion :

[buzzkaido]

Bonjour,

Je me pose une question existentielle sur "document.createElement" :

avec quels navigateurs est-ce compatible ?

J'ai envie de dire "tous" tellement ça me parait être la base, mais bon... si jamais vous avez des détails sur tel ou tel problème / différence / comportement louche, je suis preneur !

Merci !

[Bovino]

Oui tous (du moins je n'ai jamais rencontré de limite avec)

[okoweb]

Il y'a un soucis sous IE 6 sur la création des botons radio, plus précisément sur la création de l'attribut name. Le code ci-dessous ne fonctionne pas sous IE.

Code :

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

1
2
3
 
var radio = document.createElement('input');
radio.name = 'moninput';

Solution par ici

[javatwister]

bien vu okoweb;
sous IE6, name ne sera pas pris en compte (notamment côté serveur);

[andry.aime]

Oui tous (du moins je n'ai jamais rencontré de limite avec)

J'ai rencontré un cas comme sur les tableaux

Code :

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

document.createElement("td");

n'est pas supporté par IE ou FF (Je ne m'en souvient plus).

A+.

[SpaceFrog]

le problème du name est général à tous les éléments, il est en lecture seule sous IE6 (voire 7)
J'ai proposé un script dans les contributions qui pallie ce bug.
Autrement je n'ai pas rencontré de souci particulier avec avec createElement.

En cas d'utilisation massive il est préférable d'utiliser cloneNode sur un element existant et de le modifier ensuite, c'est plus rapide.

[buzzkaido]

Merci à tous pour ces indications...

Je note donc : ne pas faire confiance aveuglément à "document.createElement" !

[SpaceFrog]

c'est une précaution qui vaut en général pour javascript

[RomainVALERI]

Je note donc : ne pas faire confiance aveuglément. à "document.createElement" !

Cette petite correction s'imposait

[dukej]

Cette petite correction s'imposait

Code :

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

1
2
 
input.name = "something"

Met la valeur dans la propriété "name" de l'élément.

Alors que

Code :

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

1
2
 
input.setAttribute('name', 'something');

Met la valeur 'something' sur l'attribut name de l'élément.

La différence, c'est qu'au niveau du DOM, il l'attribut name sera setté, et du coup lors de l'envoi au serveur on est sur que ça fonctionne.

[NoSmoking]

je ne peux que confirmer ce qu'a écrit dukej, en rajoutant qu'en son temps j'ai eu des soucis avec le setAttribute sous
IE, je vous passe certaines bizarreries...

Code :

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

oInput.setAttribute('NAME', 'nom_input'); // MAJUSCULE Fonctionnait

Code :

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

oInput.setAttribute('name', 'nom_input'); // MINUSCULE ne fonctionnait pas

Code :

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

oInput.setAttribute('name', 'nom_input', 0); // MINUSCULE fonctionnait

le troisième paramètre reconnu par IE fait que la méthode prend en compte ou non ma la casse, setAttribute Method vu par MSDN

pour en revenir à la méthode createElement, je n'ai jamais eu de surprise et je lui fait confiance. Il faut souvent plutôt se méfier de la façon d'on gère l'objet crée.