problema con el DOM

[Lord_Jose]

saludos a todos, he decidido incurcionarme en el mundo javascript y estaba haciendo un script para ocultar y mostrar elementos, para evitar andar dando atributos id a todas mis etiquetas decidi usar el arbol de nodos para acceder a cada uno de los elementos como se muestra en este fragmento:

Código HTML:

<li>
             <a href="#" id="listaDosUno">aqui va un submenu</a>
         <ul>
                 <li><a href="#">contenido 1</a></li>
                 <li><a href="#">unas cosas</a></li>
                 <li><a href="#">otras cosas</a></li>
          </ul>
</li>
 

y para hacer una futura referencia dinamica a estos elementos con php tengo en el head:

Código Javascript:

<script language="javascript" type="text/javascript">
//variables de mostrado
listas = new Array();
listas[0] = 'listaDosUno';
listas[1] = 'listaDosDos';
listas[2] = 'listaDosTres';
</script>
 

sin embargo, donde tengo el problema es aqui:

Código Javascript:

function ocultaOMuestra(capas){
// aqui le estoy dando por ejemplo 'listaDosUno' como la variable 'capas'
    var padre = document.getElementById(capas).parentNode;
    var capa = padre.childNodes[1];
    if(capa.style.display == 'none'){
        capa.style.display = 'block';
    }
    else{
        capa.style.display = 'none';
    }
}
 
 
function ocultaMuestra(){
   for(i=0;i<listas.length;i++){
       listas[i].onclick = function(){
          ocultaOMuestra(listas[i]);   
       }
   }
}
 
 
window.onload = function(){
    valorText();
    ocultaMuestra();
}
 

en realidad en la primera funcion estoy algo perdido, ya que quero acceder al nodo padre (que es un elemento de lista) desde 'listaDosUno' (que es un enlace) y despues acceder hacia el segundo nodo hijo que esta al lado del enlace (una lista desordenada), y en realidad estoy un poco perdido porque pienso que las cosas deberian salir y no lo hacen je je, ¿me ayudan? ¿o me pueden explicar cual es el problema con childNodes y parentNode en mi script?

gracias

[_cronos2]

La primera función está bien, pero listas[i] es un string...
Saludos :D

[Lord_Jose]

ahh, eso lo habia solucionado antes pero de la rabia lo habia borrado todo y lo volvi a hacer con ese error.

Código Javascript:

function ocultaMuestra(){
   for(i=0;i<listas.length;i++){
       li = document.getElementById(listas[i]);
       li.onclick = function(){
          ocultaOMuestra(listas[i]);   
       }
   }
}
 

sin embargo sigue dandome un error:

Error: document.getElementById(capas) is null
Línea: 21 (en este caso linea 3)

ahora que lo depuro con un par de 'alerts' mi array esta indefinido incluso desde la segunda funcion:

Código Javascript:

function ocultaMuestra(){
   for(i=0;i<listas.length;i++){
       listas[i].onclick = function(){
          ocultaOMuestra(listas[i]);  
 
          alert(listas[i]);
 
/* me alerta 'undefined' cuando deberia alertarme alguno de estos:
listas[0] = 'listaDosUno';
listas[1] = 'listaDosDos';
listas[2] = 'listaDosTres';
*/
       }
   }
}
 

x cierto, gracias por la respuesta