请问：页面弹出层中如何展示通过js生成的树_____分不多，请见谅

Question

1。div中无法识别其为js代码，如果在div中加上<script>标记又会报错<script>
  "<div class='demo'>"
    +"tree = new dTree('tree');   "
+"tree.add('1','-1','京津','','','','','',true);   "
+"tree.add('11','1','A','','','','','',true);   "
+"tree.add('110','11','A-1','content.jspmoduleName=XXX','','mainFrame');   "
+"tree.add('111','11','A-2','javascript:void(0)','','链接在哪里显示');   "
+"tree.add('112','11','A-3','javascript:void(0)','','mainFrame');   "
+"tree.add('113','11','A-4','/.jsp','','mainFrame');   "
+"tree.add('114','11','A-5','/.jsp','','mainFrame');   "
+"tree.add('115','11','A-6','/.jsp','','mainFrame');   "     
+"tree.add('12','1','B','','','','','',true);   "
+"tree.add('121','12','B-1','javascript:调用本页内的js函数','','mainFrame');   "
+"tree.add('122','12','B-2');   "
+"tree.add('13','1','C','','','','','',true);   "
+"tree.add('131','13','C-1','javascript:void(0)','','mainFrame');   "
+"tree.add('132','13','C-2','javascript:void(0)','','mainFrame');   "
+"tree.add('133','13','C-3','javascript:void(0)','','mainFrame');   "
+"tree.add('14','1','D','','','','','',true);   "
+"tree.add('141','14','D-1','javascript:void(0)','','mainFrame');   "
+"document.write(tree);   "  
+"</div>"
</script>
我的意思就是需要在一个弹出的div中 显示 一棵通过 js代码 组装的树，需要通过func 方法动态为div innerHTML
希望各位有好的意见或构思不吝赐教。谢谢~

Answer 1

<script>
document.write("<div class='demo'>");
tree = new dTree('tree');
tree.add('1','-1','京津','','','','','',true);
tree.add('11','1','A','','','','','',true);
tree.add('110','11','A-1','content.jspmoduleName=XXX','','mainFrame');
tree.add('111','11','A-2','javascript:void(0)','','链接在哪里显示');
tree.add('112','11','A-3','javascript:void(0)','','mainFrame');
tree.add('113','11','A-4','/.jsp','','mainFrame');
tree.add('114','11','A-5','/.jsp','','mainFrame');
tree.add('115','11','A-6','/.jsp','','mainFrame');                    
tree.add('12','1','B','','','','','',true);
tree.add('121','12','B-1','javascript:调用本页内的js函数','','mainFrame');
tree.add('122','12','B-2');
tree.add('13','1','C','','','','','',true);
tree.add('131','13','C-1','javascript:void(0)','','mainFrame');
tree.add('132','13','C-2','javascript:void(0)','','mainFrame');
tree.add('133','13','C-3','javascript:void(0)','','mainFrame');
tree.add('14','1','D','','','','','',true);
tree.add('141','14','D-1','javascript:void(0)','','mainFrame');
document.write(tree);                      
document.write("</div>");
</script>

Answer 2

树不是弹出的层，也可以是层，但要和原来的同一个高度，每次生成新的元素设置成相同的class，设置css样式class{
    margin-left:10px;
}这样就可以了，还有ajax局部刷新，因为要保持数的形状

Answer 3

<script>
document.write("<div class='demo'>");
tree = new dTree('tree');
tree.add('1','-1','京津','','','','','',true);
tree.add('11','1','A','','','','','',true);
tree.add('110','11','A-1','content.jspmoduleName=XXX','','mainFrame');
tree.add('111','11','A-2','javascript:void(0)','','链接在哪里显示');
tree.add('112','11','A-3','javascript:void(0)','','mainFrame');
tree.add('113','11','A-4','/.jsp','','mainFrame');
tree.add('114','11','A-5','/.jsp','','mainFrame');
tree.add('115','11','A-6','/.jsp','','mainFrame');                    
tree.add('12','1','B','','','','','',true);
tree.add('121','12','B-1','javascript:调用本页内的js函数','','mainFrame');
tree.add('122','12','B-2');
tree.add('13','1','C','','','','','',true);
tree.add('131','13','C-1','javascript:void(0)','','mainFrame');
tree.add('132','13','C-2','javascript:void(0)','','mainFrame');
tree.add('133','13','C-3','javascript:void(0)','','mainFrame');
tree.add('14','1','D','','','','','',true);
tree.add('141','14','D-1','javascript:void(0)','','mainFrame');
document.write(tree);                      
document.write("</div>");
</script>