Esta página está compuesta de cuatro secciones que pueden mostrarse/ocultarse pinchando sobre cada una
de ellas.
Ayuda general Navegación Información Extras
La navegación básica se realiza desde la sección con ese nombre, y los resultados de esa navegación
son mostrados en la sección información. Cada vez que se selecciona un elemento se actualiza
la lista de Hijos que pueden destriparse, que se muestra en la misma sección.
Se puede pinchar en alguno de sus ancestros
que se muestran en la primera línea del recuadro "Navegación", detras de donde pone "elemento actual = ".
Más abajo hay un botón que activa directamente el destripe del elemento superior inmediato
(Padre), y en recuadro adyacente se muestra la lista de Hijos "destripables" junto a
un botón destinado a tal fin.
El último elemento del recuadro de navegación permite introducir directamente los elementos para
destripar. Por ejemplo, se puede destripar el objeto navigator, location, etc.
Debido a errores provocados en el desarrollo de arreglos (arrays / colecciones) cuando se muestran
se indica que es un objeto no disponible, aunque con la opción "Destripar otro objeto" pueden
convertirse en disponible, indicando entre paréntesis el índice correspondiente, por ejemplo
document.images[0] o document.forms[1] o document.childNodes[0]... véase el resultado en
distintos navegadores.
En el apartado Extras hay otras 2 opciones igual de interesantes:
Probar código, donde se pueden entre otras cosas crear nuevos nodos, por ejemplo:
document.body.lastChild.appendChild(document.createElement("div")); luego navegando llegamos a
ese elemento y vemos que no tiene id asignado. Si escribimos luego:
document.body.lastChild.lastChild.id = "pepito", al volver al padre y desde ahí nuevamente al
nuevo elemento incluído, podemos comprobar que ahora tiene un atributo id asignado.
Por último, con la opción nuevo tag, podemos añadir nuevos elementos que se ubicarán como
último elemento del body.
Añadiendo un elemento imagen los pasos serían: crear el elemento con nuevo tag img, y asignarle
la dirección con la opción probar código: document.body.lastChild.src = "../miemoticon.gif"