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:
Ver original <a href="#" id="listaDosUno">aqui va un submenu
</a> <li><a href="#">contenido 1
</a></li> <li><a href="#">unas cosas
</a></li> <li><a href="#">otras cosas
</a></li>
y para hacer una futura referencia dinamica a estos elementos con php tengo en el head:
Código Javascript
:
Ver original<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
:
Ver originalfunction 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