création d'élement avec IE

**vanitom** · 12/10/2007, 15h24

Bonjour,

J'ai constaté un problème entre le javascript et internet explorer. J'aimerai savoir s'il y a un moyen de résoudre le problème ou de la contourner.

Voici un exemple de mon problème : ici

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
  <head>
<style type="text/css">
div.A, div.B {
	border: solid 1px #000;
}
 
div.A {
	background-color: red;
}
 
div.B {
	background-color: yellow;
	text-align: center;
}
</style>
  </head>
  <body>
<div id="test" class="A">A</div>
 
	<script type="text/javascript">
 
			var oDiv;
			oDiv = document.createElement ( "div" );
			oDiv.setAttribute ( "class", "B" );
			oDiv.appendChild ( document.createTextNode ( "TEST" ) );
 
			oInsert = document.getElementById ( "test" );
 
			oInsert.appendChild ( oDiv );
	</script>
 
  </body>
</html>

Le plus simple c'est de lancer cette page sous Firefox et sur Internet Explorer. Vous verrez directement la différence.

En fait j'ai l'impression que IE n'utilise pas les styles quand un élément est créé en javascript.

Donc si quelqu'un a une solution je serais preneur.

Merci d'avance