Bonjour,

J'essai de programmer un site web en javascript, et pour créer les différents balises, j'utilise l'API DOM de la manière suivante :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
		this.DOM = document.createElement("div");
		this.DOM.setAttribute("style",
					"border-style:solid;"+
					"border-width:1px;"+
					"position: absolute;"+
					"width: "+_Width+"px;"+
					"height: "+_Height+"px;"+
					"z-index: 1;"+
					"left: "+_Left+"px;"+
					"top: "+_Top+"px;"+
					"padding-left:4px;"+
					"padding-right:4px;"+
					"padding-top:1px;"+
					"padding-bottom:1px;"+
					"background-color:#FFFFFF;");
		this.DOM.setAttribute("id",this.Name);
Afin de créer le HTML suivant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<div id="toto" style="border-style ..."></div>
Tout se passe très bien sous Firefox, Mozilla, Safari etc..., mais sous IE, voila la code HTML qui en découle :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<div id="toto"></div>
La fonction setAttribute avec en premier paramètre "style" ne "passe" pas. Supposons par exemple que je remplace cette ligne par :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
this.DOM.setAttribute("styl","-la meme chose-");
Alors, a ce moment la, le HTML dans IE devient :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<div id="toto" styl="-la meme chose-"></div>
Bien sur, "styl" n'est pas interprété, mais ca veut dire que la fonction "setAttribute" fonctionne sous IE.

Alors pourquoi avec "style", ca ne passe pas ?
Si quelqu'un a une explication...

Merci.