小编JSG*_*cia的帖子

使用JavaScript获取DOM树

下午好，我正在开发一个小脚本，该脚本分析 HTML页面的DOM并在屏幕上写出节点树。

这是一个简单的函数，该函数递归调用以获得所有节点及其子节点。每个节点的信息都存储在一个数组（自定义对象）中。

我已经获得了DOM中的所有节点，但是还没有如何通过嵌套列表在树中绘制。

JSFIDLE

的HTML

<html>
    <head>
        <title>Formulario para validar</title>
        <script type="text/javascript" src="actividad_1.js">Texto script</script>
    </head>

    <body>
        <p>Primer texto que se visualiza en la Pagina</p>
        <div>Esto es un div</div>
        <div>Otro div que me encuentro</div>
        <p>Hay muchos parrafos</p>
        <ul>
            <li>Lista 1</li>
            <li>Lista 2</li>
            <li>Lista 3</li>
        </ul>
        <button type="button" id="muestra_abol">Muestra Arbol DOM</button>
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)