Hola,
Estoy viendo este site:
http://www.pepemolina.com/DOM/index.html
En donde cuentan como generar un arbol de un site cualquiere a traves de ese codigo:
Código Javascript
:
Ver original<script language="javascript" >
function leerNodos(raiz, lugar) {
var soy = document.createElement("div");
soy.style.marginLeft = "1cm";
var yo = document.createTextNode(raiz.nodeName);
soy.appendChild(yo);
var hijos = raiz.childNodes;
lugar.appendChild(soy);
if (hijos.length > 0)
for (var i = 0; i < hijos.length; i ++)
if (hijos[i].nodeType == 1)
leerNodos(hijos[i], soy);
else {
var DatosHijo = document.createTextNode(hijos[i].nodeName + " : " + hijos[i].nodeValue);
var elHijo = document.createElement("div");
elHijo.style.marginLeft = "1.3cm";
elHijo.appendChild(DatosHijo);
lugar.appendChild(elHijo);
}
}
function mostrar() {
var colgar = document.getElementById("arboleda");
while (colgar.childNodes.length != 0)
colgar.removeChild(colgar.childNodes[0]);
var x = document.createElement('div');
leerNodos(document.documentElement, x);
document.getElementById("arboleda").appendChild(x);
}
</script>
Código HTML:
<body>
<h1 style="background-color: #eeeeee; color: blue; text-align: center;">
Árbol
</h1>
<div style="border-width: 2; border-style: none none solid none; border-color: blue;">
<p style="text-indent: 1cm; margin: 0px auto 0px auto">
Este es un simple ejemplo de generación de un árbol de nodos dentro de un documento...
</p>
<br />
</div>
<form style="text-align: center; border-width: 2; border-style: none none solid none; border-color: blue;"
action="javascript: mostrar()">
<br/>
<input type="submit" value="Generar árbol" style="display:block;" />
<br />
</form>
<br />
<div id=arboleda>
</div>
</body>
Quisiera saber si se tienen que cambiar las variables raiz y lugar. Si es que es lo que tiene que ir? Ademas yo no empiezo por el html sino que empiezo por el BODY.
Alguan ayuda?