研究了幾天，終于搞出自己的樹來。總結一下，留待以后改進用。

　　作為UI控件的樹與數據結構的樹有很大的不同，它分為根節點，枝節點與葉節點。根節點有子樹，并不隸屬于其他樹。枝節點有子樹，并作為某一子樹的節點而存在。葉節點只作為某一子樹的節點而存在，并且沒有子樹。但僅是這樣，無法繪制樹的。我們看下面的圖，樹在網頁中無論樣子如何，從上到下都是一行行分開的。每一行都有幾張圖片與文本。這些圖片大致分三類，一是虛線圖標與加號圖標與減號圖標，我把它們統稱為連線圖標；二是裝飾用的文件夾圖標，或者根節點的那個地球，或者葉子節點的文檔，或者類似的電腦、蘋果、回收站等等，我稱之為裝飾圖標；最后是checkbox，它分三種狀態。圖標的種類如此多，僅是根枝葉加關閉展開這兩種狀態，也只是六種可能，因此我們還得把枝節點細分為普通枝與末枝，葉節點也一樣。由于連線圖標與裝飾圖標的作用很相似，裝飾圖標好像是從視覺上強調點擊連線圖標會出現的效果，因此我們可以用CSS把它們整合到一起，以節省一個DOM。

it知識庫：javascript checkbox樹，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。