cambiar contenido de un elemento

[dukeblass]

Tengo un ul

Código HTML:

<ul id="lista" class="lista">
  <li><a>Elemento 1</a></li>
  <li><a>Elemento 2</a></li>
  <li><a>Elemento 3</a></li>
  <li><a>Elemento 4</a></li>
  ...
</ul>
 

la cual capturo con javascript:

Código Javascript:

var lista =  document.getElementById('lista'); // exactamente así-> s('.lista')[0]; "pero al final hace la llamada al elemento  de igual forma"
 
// luego capturos sus hijos
 var hijosLista = lista.getElementsByTagName('li');
 
// y antes de continuar cambio el valor de la lista a un solo elemento "cargando"
 
lista.innerHTML = '<li>Cargando..</li>'
 
//y sigo con lo demas
 
....
 
console.log(hijosLista );
 

el problema esta que al cambiar el contenido de la Lista, lugo al entrar a la variable hijosLista ella me devuelve -> <li>Cargando..</li>, y no lo que la lista tenia antes..


¿ello por que sucede....? >>