*************js高手请进，关于树形节点********************

Question

是不是你的 table 的宽度设置成了 100% 呀??不要设置任何 table 的 width

Answer 1

是不是你的 table 的宽度设置成了 100% 呀??不要设置任何 table 的 width

Answer 2

宽度不够应该是出现滚动条。
我就是要这种效果。宽度够的时候确实没有这种效果。
我的table的宽度没有设，现在我的树形结构是放在框架的左边了。右边是另一个页面。
下面是生成table的语句。
var classText="background-color:#F1F1F1;overflow:visible;"; 
var TableText="<table border=0 cellpadding='0' cellspacing='0' valign='top' style='" + classText + "'" +
  " id='" + TableID + "'" +
  "><tbody><tr><td></td></tr></tbody></table>";
document.write(TableText);
table是这么生成的，外部大的table的width我也去掉了。
注：以上的程序取自阿福的程序。

Answer 3

这是外部容器的代码：
function CreateTable(TableID)
{
//var timestap=new Date();
//var TableID="_"+timestap.getTime();
var classText="background-color:#F1F1F1;overflow:visible;";  //&#65429; var TableText="<table border=0 cellpadding='0' cellspacing='0' valign='top' style='" + classText + "'" +
  " id='" + TableID + "'" +
  "><tbody><tr><td></td></tr></tbody></table>";
document.write(TableText);
return document.all[TableID].childNodes[0].childNodes[0].childNodes[0];  //&#65412;&#65398;&#65428;&#65423;&#12539;
}
设置内部table也就是节点：
var table=document.createElement("TABLE");
var tbody=document.createElement("TBODY");
var tr=document.createElement("TR");
var td1=document.createElement("TD");
tr.appendChild(td1);
var td2=td1.cloneNode(false);
var _limg=document.createElement("IMG");
td2.appendChild(_limg);
tr.appendChild(td2);
var td3=td1.cloneNode(false);
var _nimg=_limg.cloneNode(false);
td3.appendChild(_nimg);
tr.appendChild(td3);
var td4=td1.cloneNode(false);
tr.appendChild(td4);
tbody.appendChild(tr);
table.appendChild(tbody);//&#65417;&#65428;
table.setAttribute("id","_t" + ID);
table.setAttribute("border","0");
table.setAttribute("cellpadding","0");
table.setAttribute("cellspacing","0");
//
td4.setAttribute("id","_d"+ID);
td4.setAttribute("title",data[ID][2]);
td4.setAttribute('nowrap', true, 0);
td4.setAttribute("innerText",data[ID][2]);
//td4.setAttribute("width","0");
//td4.innerText=data[ID][2];
//&#65417;
_nimg.setAttribute("id","_p" + ID);
if(data[ID][8].length==0)
{
_nimg.src=aNodeImage[data[ID][3]?3:3].src;
}
else
{
_nimg.src=data[ID][4];//8
}//
_limg.setAttribute("id","_l" + ID);
if(nodecount==1)  //&#65430;&#65403;&#65427;&#65424;&#65426;&#65403;&#65400;&#12539;
{
_limg.src=aNodeImage[4].src;
}
else
{
var parentobj=data[data[ID][0]];
var parentnodecount=parentobj[4];
if(data[ID][4]>0)  //&#65427;&#65424;&#65431;&#65427;&#65405;&#65434;&#65397;&#12539;
{
if(data[ID][7])  //&#65429;&#65401;&#65407;&#65386;
{
if(parentnodecount==1||parentobj[5][parentnodecount-1]==ID)
{
_limg.src=aNodeImage[2].src;
}
else if(parentobj[5][0]==ID)
{
_limg.src=aNodeImage[2].src;
}
else
{
_limg.src=aNodeImage[2].src;
}
}
else  //&#65401;&#65432;&#65393;&#65429;
{
if(parentnodecount==1||parentobj[5][parentnodecount-1]==ID)
{
_limg.src=aNodeImage[1].src;
}
else if(parentobj[5][0]==ID)
{
_limg.src=aNodeImage[1].src;
}
else
{
_limg.src=aNodeImage[1].src;
}
}
}
else  //&#65422;&#65438;&#65431;&#65427;&#65405;&#65434;&#65397;&#12539;
{
//alert(parentnodecount+"\n"+parentobj[5][parentnodecount-1]+"\n"+ID);
if(parentnodecount==1||parentobj[5][parentnodecount-1]==ID)//&&data[ID][0]==0)  //&#65431;&#65403;&#65400;&#12539;
{
_limg.src=aNodeImage[4].src; //8
//_span.className="selecttd";
}
else if(parentobj[5][0]==ID&&data[ID][0]==0)
{
_limg.src=aNodeImage[4].src;//13
}
else
{
_limg.src=aNodeImage[4].src;//11
}
}
}//&#65419;&#65434;&#65397;&#12539;
if(data[ID][3]==1)
{
td1.setAttribute("width",0);
//window.alert("width:"+id+":0");
}
else
{
td1.setAttribute("width",16*(data[ID][3]-1));
//window.alert("width:"+id+":0"); //_set_indent(ID);
//&#65417;靹&#65411;&#65419;&#12539;
function _set_indent(whichnode)
{
var __parentid=data[whichnode][0];
var __parentobj=data[__parentid];
var __grandpaid=__parentobj[0];
var __lastparent=data[__grandpaid][5][data[__grandpaid][4]-1];
var __temp_img_node=document.createElement("IMG");
if(__parentid==__lastparent)
{
__temp_img_node.src=aNodeImage[0].src;
}
else
{
__temp_img_node.src=aNodeImage[0].src;//12
}
if(td1.childNodes.length==0)
{
td1.appendChild(__temp_img_node);
}
else
{
td1.insertBefore(__temp_img_node,td1.childNodes[0]);
} if(__grandpaid!=0)
{
_set_indent(__parentid);
}
}
}
注：以上的程序取自阿福的程序。