Metodo Getelementbyid() + Innerhtml + Internet Explorer = Dor De Cabec

[baalzamon]

Esse browser da M$ ta me deixando realmente irritado com esses paus que ele dá...

tenho uma table e nessa table um thead e um tbody...

no tbody eu tenho uma id="Produtos" e dentro desse tbody eu irei construir dinamicamente tr's e td's atraves de ajax

então numa parte do js fica assim:

...
if(ajax.readyState != 4){
   document.getElementById('Produtos').innerHTML = '<tr><td colspan="11">Carrengando...</td></tr>';
}
else{
  if(ajax.status == 200){
     document.getElementById('Produtos').innerHTML = "";
     montarGrade(ajax.responseXML);
  }
}
...

o problema está exatamente no innerHTML aparentemente... no debugador do IE ele diz que ocorreu um erro de execução desconhecido... quando eu dou um alert no conteudo antes dessa parte:

alert(document.getElementById('Produtos'))

no IE é retornado um objeto normal...

Me disseram que no IE o innerHTML não funciona em tabelas... mas eu quero outras opinioes!

Alguém pode me ajudar?

Abraços

[ARD]

Bom aqui o innerHTML não funciona na tabela se falando de IE... Pórem funciona dentro de linhas e células... Mas, se você usar insertRow() e insertCell() vai funcionar tranquilamente no IE.

Veja um exemplo:

function escreve()
{
   var tabela, novaLinha, novaCelula
   tabela = document.getElementById("Produtos");
   novaLinha = tabela.insertRow(1);
   novaCelula = novaLinha.insertCell(0);
   novaCelula.innerHTML = "Teste";
}

T+

André