Problema con IE con el getElementById.innerHTML

[MarioNunes]

Buenas a todos,

Estoy trabajando con javascript creando un interface de usuario en AJAX. No posteo esta duda en el foro de AJAX ya que creo que es más sobre js... :)

Veréis, yo hago lo siguiente:

if(document.getElementById('NombreCapa').innerHTML != variable)
document.getElementById('NombreCapa').innerHTML = variable;

Cuando variable es el valor nuevo que voy a introducir en la capa, y esto funciona perfectamente cuando solo trato strings sin contenido html.

Mi problema consiste en que cuando hago lo mismo para información que contendrá html la comparación de las cadenas en IE no son correctas ya que me lee el html que contiene la capa como le da la gana...

La primera carga de la pantalla al ser el contenido vacio yo le cargo en la capa:

<a href="el_enlace"><img src="laimagen.jpg" align="absmiddle" border="0" height="20"></a>

En la segunda carga del JS comparo el contenido de la capa (lo que he puesto anteriormente) con el futuro contenido y al leer el contenido de la capa en IE me pinta:

<A href="el_enlace"><IMG height=20 src="laimagen.jpg" align=absMiddle border=0 ></A>

Alguien sabría decirme por que ocurre esto? por el momento lo que voy a probar para tratar de solucionar el problema es pintar el html de la manera que lo lee IE ya que en FF no tengo problemas de este estilo.

Espero haberme explicado bien ^_^

Gracias y un saludo.

[MikiBroki]

Una cosa que se me ocurre es que asignes un ID a lo que cargas con innerHTML, y después compruebes si el elemento existe:

Código:

if( document.getElementById('elID') )
document.getElementById('NombreCapa').innerHTML = variable;

Otra forma sería hacer la comparación pasando todo a mayúsculas:

Código:

if(document.getElementById('NombreCapa').innerHTML.toUpperCase() != variable.toUpperCase() )
document.getElementById('NombreCapa').innerHTML = variable;

Me inclino por la primera forma, la segunda más chapucera.

Salu2