1

私は最近、Web開発を行っていません。次のような階層ツリーのデータ表現をロードする簡単な方法があるかどうか疑問に思いました

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 に答える