思路：从数据岛menuxml(标准化越来越近了)中读取数据，从树的根节点开始分析树，利用 hasChildNodes（） [方法：是否含有子节点 ] 判断当前节点是否有子节点，如果有子节点继续向下分析 childNodes [对象：子节点对象集合] ，否则返回当前分析结果（树结点对象）。
主要的函数：createTree（thisn /*树结点*/ ， sd/*树深度*/）
运行代码
＜!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"＞
＜HTML＞
＜HEAD＞
＜TITLE＞ DSTree ＜/TITLE＞
＜META NAME="Author" CONTENT="[email protected]" ＞
＜style＞
body,td{font:12px verdana}
#treeBox{background-color:#fffffa; }
#treeBox .ec{margin:0 5 0 5; }
#treeBox .hasItems{font-weight:bold; height:20px; padding:3 6 0 6;
margin:2px; cursor:hand; color:#555555; border:1px solid #fffffa; }
#treeBox .Items{height:20px; padding:3 6 0 6;
margin:1px; cursor:hand; color:#555555; border:1px solid #fffffa; }
＜/style＞
＜base href="http://vip.5d.cn/star/dstree/" /＞
＜script＞
//code by star 20003-4-7
var HC = "color:#990000; border:1px solid #cccccc";
var SC = "background-color:#efefef; border:1px solid #cccccc; color:#000000; ";
var IO = null;
function initTree(){
var rootn = document.all.menuxml(标准化越来越近了).documentElement;
var sd = 0;
document.onselectstart = function(){return false; }
document.all.treeBox.appendChild(createTree(rootn,sd));
}
function createTree(thisn,sd){
var nodeObj = document.createElement("span");
var upobj = document.createElement("span");
with(upobj){
style.marginLeft = sd*10;
className = thisn.hasChildNodes()?"hasItems":"Items";
innerHTML = "＜img src="/edu/UploadPic/2008-3/200834151032525.gif" class=ec＞" + thisn.getAttribute("text") +"";
_disibledevent=#660000＞sTar＜/font＞＜br＞ 2003-4-8＜/td＞＜/tr＞
＜/table＞
＜/BODY＞
＜/HTML＞
本文来源于 WEB开发网 原文链接：http://www.cncms.com.cn/xml/9252.htm
最新评论