1

我最近还没有做过任何网络开发。想知道是否有一种简单的方法可以加载层次结构树的数据表示，例如

node             parent
---------------------------------
root             
Level1.Node1     root
Level1.Node2     root
Level1.Node3     root
Level2.Node1     Level1.Node1
Level2.Node2     Level1.Node2
Level2.Node3     Level1.Node2

让它像

root
  --------Level1.Node1
               --------------Level2.Node1 
  --------Level1.Node2
               --------------Level2.Node2
               --------------Level2.Node3

不使用花哨的桌子？

4

2 回答 2

4

使用样式化和嵌套的无序列表。

<ul>
    <li>Level 1
        <ul>
            <li>Level 2</li>
         </ul>
    </li>
</ul>
于 2013-03-06T16:18:29.933 回答
0

实际上，您只想继续检查父母的孩子。这不是 HTML5/CSS 的东西，而是用于检查 DOM（节点）根的 JavaScript 东西。

使用 WebKit/Firebug 工具转储 HTML DOM 对象并查看其属性。您可以查看它们的属性和方法，并使用它们来遍历它们，直到您到达每个子标签的底部。

console.log(document);
console.log(document.head);

这些只是返回 HTML 块。

console.log(document.body);

这将返回实际的 DOM 对象。你可以在检查器中看到你实际上得到了大量的信息来解析。

检查 [children] 和 [childNodes]。这就是您要迭代 DOM 结构的地方。[nodeName] 和 [nodeType] 帮助您识别属性。

将其打印出来，您可以使用占位符var offset = ' ';并重新循环它们或使用 CSS 来呈现<div>具有数学计算的左边距的标签。

于 2013-03-06T16:18:41.790 回答