Problema com HTML dinâmico e JS no IE

Front-end
#1

Bom dia pessoal, tudo bem??

Estou com um problemao…

esse codigo aqui:

[code]
function maisFoto(){

                                                        //onde o elemento será adicionado
                                                        pai = document.getElementById("fot");

                                                        //Elemento <TR>
                                                        elem = document.createElement("tr");

                                                        //Elemento <td>
                                                        elem2 = document.createElement("td");


                                                        //Cria o elemento file
                                                        var file = document.createElement('input');
                                                        file.setAttribute('type', 'file');
                                                        file.setAttribute('name', 'loja.fotos.imagem');


                                                        //Adiciona a o file na td
                                                        elem2.appendChild(file);

                                                        //Adiciona a td dentro da TR
                                                        elem.appendChild(elem2);

                                                        //Adiciona tudo na div
                                                        pai.appendChild(elem);

                                                        alert('rolo');

                                                    }

                                                </script>
[/code]

Funciona perfeitamente no firefox… no IE nao funciona… alguem conhece uma maneira que funcione em todos??

A ideia e só adicinar dinamicamente um input file no meu html…

Alguem ae sabe como??

#2

Você pode fazer com div!

Que funciona em todos!

<script>
function maisFoto(){

	//onde o elemento será adicionado
	pai = document.getElementById("fot");
	//Cria o elemento file
	var file = document.createElement('input');
	file.setAttribute('type', 'file');
	file.setAttribute('name', 'loja.fotos.imagem');

	//Adiciona tudo na div
	pai.appendChild(file);

	alert('rolo');

}

</script>
<div id='fot' name='fot'>
</div>

Espero ter ajudado!

abraços …

Qualquer duvida estamos ai!

#3

Assim da para fazer com tabela e funciona nos dois

&lt;html&gt;
 &lt;script type="text/javascript"&gt;  
                                                         function maisFoto(){  
   
                                                             //onde o elemento será adicionado  
                                                             pai = document.getElementById("fot");  
   
                                                             //Elemento &lt;TR&gt;  
                                                             elem = document.createElement("tr");  
   
                                                             //Elemento &lt;td&gt;  
                                                             elem2 = document.createElement("td");  
   
   
                                                             //Cria o elemento file  
                                                             var file = document.createElement('input');  
                                                             file.setAttribute('type', 'file');  
                                                             file.setAttribute('name', 'loja.fotos.imagem');  
   
   
                                                             //Adiciona a o file na td  
                                                             elem2.appendChild(file);  
   
                                                             //Adiciona a td dentro da TR  
                                                             elem.appendChild(elem2);  
   
                                                             //Adiciona tudo na div  
                                                             pai.appendChild(elem);  
   
                                                             alert('rolo');  
   
                                                         }  

                                                     &lt;/script&gt;  
 &lt;table&gt;  
  &lt;tbody id='fot' name='fot'&gt;
  &lt;/tbody&gt;
 &lt;/table&gt; 
 &lt;/html&gt;

Apenas explicando, O IE tem problema para adicionar TR na TABLE, então a solução é ter um TBODY na TABLE em questão e adicionar os TR neste TBODY

Espero ter ajudado

#4