Javascript:createElement no IE não funciona

Assuntos Gerais
#1

Pessoal,

Sei que aqui não é forum de javascript, mas eu já postei em um mais especializado mas ainda não responderam nada.
http://forum.wmonline.com.br/index.php?showtopic=147000&st=10

E já procurei algumas coisas relacionadas ao meu problema mas tbm nao resolveu
http://www.easy-reader.net/archives/2005/09/02/death-to-bad-dom-implementations/
http://www.thunderguy.com/semicolon/2005/05/23/setting-the-name-attribute-in-internet-explorer/

Como tem mta gente que manja de JS aqui, resolvi postar aqui:

Tenho um código que gera INPUTs dinamicamente, que está funfando legal no Firefox, porem nao IE não rola de jeito nenhum. E pior, não da erro.
Ele simplesmente não funfa.

Alguem já passou por algo parecido?

Segue o código:

function addNovoProduto(){
	
		
	    var num = document.getElementById('cont').value;
	    var nomeInput =    document.getElementById('nomeProduto').value;
	    nomeInput += num;
	   
	    var input = document.createElement('INPUT');
	    input.setAttribute('type','text');
	    input.setAttribute('name',nomeInput);
   	    input.setAttribute('id',nomeInput);
   	    input.setAttribute('class','campo2');
	    input.setAttribute('maxlength','10');
   	    
            var tr1 = document.createElement('TR');
   	    var td1 = document.createElement('TD');
   	    var td2 = document.createElement('TD');
   	    var td3 = document.createElement('TD');
   	    
   	    tr1.appendChild(td1);
   	    tr1.appendChild(td2);
	    td2.appendChild(input);
	    tr1.appendChild(td3);
   	    
   	   document.getElementById('novoProdutoTbl').appendChild(tr1);
  	   num++;
	   document.getElementById('cont').value = num;
}
#2

Acho que o problema é a tabela, não o input. Use os objetos de tabela do DOM pra criar linhas e colunas.

http://www.w3schools.com/htmldom/dom_obj_table.asp

[]'s

Rodrigo C. A.

#3

Hm, com o IE tem lancinhos de table-header/body/footer. Pode verificar que ele insere estes elementos mesmo se não declará-los (terá que navegar pelos nodos com JS, ele não muda o source-code).

A título de gambiarra, basta fazer:
document.getElementById(‘novoProdutoTbl’).firstChild.appendChild(tr1);

Mas o jeito mais apropriado de brincar com tabelas usando dom é esse aqui:
http://www.howtocreate.co.uk/tutorials/javascript/domtables

#4

Obrigado pelas respostas!

Lipe, testei a sua dica a titulo de gambiarra e funfou, agora vou tentar fazer da meneira mais apropriada!

Valeu!

[]´s
Rodrigo

#5

Tou com o seguinte problema

              var oButt=document.createElement("INPUT");
		var oField=document.createElement("INPUT");

		
		oButt.setAttribute("class","botao");//não funciona no IE nem se usar Style
		oButt.setAttribute("type","button");
		oButt.setAttribute("value","[X]");

Como o comentario no firefox funciona que é uma blz no ie nem a pau se alguem tiver alguma ideia

#6

Usa:

oButt.className=‘botao’
oButt.Class=‘botao’

ve se funciona ai…

FLW

#7