[DOM] sous internet Explorer probleme avec appendChild

Version imprimable

27/03/2006, 12h52
magnus2005

[DOM] sous internet Explorer probleme avec appendChild

avec la methode appendChild (j ai le meme probleme avec replaceChild).
Sous internet explorer 6 (pas de probleme avec Firefox) lorsque j utilise un appendChild sur la page courante. le child n apparait pas a l ecran.

exemple je fait un tableau en DOM. je fait un appendChild sur un DIV qui est affiche mais rien ne se passe.

Si je demande a IE le contenu du DIV avec un innerHTML c est bien le TABLE qui est dedans.

si je fais le code suivant :

Code:

div.innerHTML= div.innerHTML;

le tableau apparait sauf qu apres il y a des bug au niveau de la DOM qui ne retrouve pas ses petits.
Question : quelqu un connait t il le moyen pour IE interprete correctement
appendChild a l ecran sans passer par innerHTML.

Merci
27/03/2006, 13h09
javatwister

le problème est peut-être dans la génération de ton tableau; as-tu spécifié une balise tbody?
27/03/2006, 15h01
magnus2005

merci avec le TBODY sous ie le tableau apparait cependant tous les evements
que j ai attribue dans les childs ne sont plus pris en compte (onclick, onmouser...) alors qu en utilisant l innerHTML ils sont bien pris en compte.

Grace a spacefrog, j ai pu corriger ma methode :
en exemple voici ma methode corrige:

Code:

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
DOMUtil.prototype.addAttribute = function(parentNode,attributeName,value){
var temp =document.createAttribute(attributeName); 
temp.value= value;
parentNode.setAttributeNode(temp);
if(document.all){
if(attributeName =="onmouseover" || attributeName =="onmouseout" ||attributeName =="onclick" ){
var myfunction =null;
var command = "myfunction =function(){"+value+"}";
//alert(command);
eval(command);
if(attributeName =="onmouseover" ){
parentNode.setAttribute('onmouseover',myfunction) ;
parentNode.onmouseover =myfunction;
}
else
if(attributeName =="onmouseout" ){
parentNode.setAttribute('onmouseout',myfunction) ;
parentNode.onmouseout =myfunction;
}
else
if(attributeName =="onclick" ){
parentNode.setAttribute('onclick',myfunction) ;
parentNode.onclick =myfunction;
}
}
}
}