[DOM] Utilisation de l'API DOM pour créer du HTML sous IE
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:
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:
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 :
La fonction setAttribute avec en premier paramètre "style" ne "passe" pas. Supposons par exemple que je remplace cette ligne par :
Code:
1
2
|
this.DOM.setAttribute("styl","-la meme chose-"); |
Alors, a ce moment la, le HTML dans IE devient :
Code:
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.
