{顶者有分}高分求教—如何动态创建纯HTML的树

如下面这样的树：根节点1
  叶节点1
  叶节点2
  叶节点3
根节点2
  叶节点4
  叶节点5
  叶节点6需要用html，javascript实现，
支持折叠/展开子节点，新增删除节点应用场景：
1.树的结构在模型里事先定义好，需要初始化界面是动态创建。页面主要是纯HTML页面，内嵌有一个Silverlight控件，所以实际是在silverlight下，用 HtmlPage.Document.CreateElement的方式根据模型数据动态创建树。
如果用HtmlPage.Document来做很麻烦，通过silverlight去调用界面上的JS来动态创建也可以。2.如果是没用过Silverlight的朋友，可以忽略Silverlight的存在，只考虑用纯js+html动态创建树的场景就可以了。请给出实际可运行的代码。