dtree树的使用
?dtree树可以作为简单的静态树使用,本人觉得此树组件就那样,但项目使用到了,就记录下来吧!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>Destroydrop » Javascripts » Tree</title><meta http-equiv="content-type" content="text/html;charset=utf-8" /><link rel="StyleSheet" href="dtree.css" type="text/css" /><script type="text/javascript" src="dtree.js"></script><script type="text/javascript">function createTree(){var treeDom = document.getElementById("tree2");//此tree必须定义全局变量,因为节点的操作都是基于这个变量的,并且它必须和dTree("tree")的名字相同 tree = new dTree("tree");tree.add(0,-1,'总的根');tree.add(1,0,'第1个子节点');tree.add(2,0,'第2个子节点');tree.add(3,2,'第2个节点下的子节点');tree.add(4,2,'第2个节点下的2个子节点');treeDom.innerHTML=tree.toString();}</script></head><body><h1><a href="/">Destroydrop</a> » <a href="/javascripts/">Javascripts</a> » <a href="/javascripts/tree/">Tree</a></h1><h2>Example</h2><div value="生产自己写的树" onclick="createTree()"/><div id="tree2"></div></body></html>?
效果图为: