不好意思,不熟悉JS,请高人指点。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title></head><body>
<script language="javascript">function CreateRoot(mId,Title)
{
var TreeId
TreeId=mId
if(eval("window.TMNode_"+mId))
{
alert("<生成树错误>\n根节点的Id已存在")
return null
}
var str = ""
str+="<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" class=\"TMStyle\">"
str+="<tr>"
str+="<td colspan=\"2\"><span style=\"cursor:hand\" onclick=\"if(TMRoot_"+mId+"_Tr.style.display==''){TMRoot_"+mId+"_Tr.style.display='none'}else{TMRoot_"+mId+"_Tr.style.display=''}\">"+Title+"</span></td>"
str+="</tr>"
str+="<tr id=\"TMRoot_"+mId+"_Tr\">"
str+="<td width=\"1%\" align=\"right\" valign=\"top\"> </td>"
str+="<td width=\"99%\" id=\"TMNode_"+mId+"\"></td>"
str+="</tr>"
str+="</table>"
document.write(str); //生成根的子节点
// 参数:
// Id:当前节点的唯一ID
// pId:父节点的唯一ID(若为-1,表示其父节点为根Root)
// Title:显示文字
this.CreateNode=function (Id,pId,Title){
var pNode=null
if(pId==-1){
pNode=eval("window.TMNode_"+mId)
}else{
pNode=eval("window.TMNode_"+mId+"_"+pId)
}
if(pNode!=null)
{
var str = ""
str+="<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
str+="<tr> "
str+="<td colspan=\"2\"><span style=\"cursor:hand\" onclick=\"exNode(eval('window.TMNode_"+mId+"_"+Id+"_tr'),eval('window.TMNode_"+mId+"_"+Id+"'))\">"+Title+"</span></td>"
str+="</tr>"
str+="<tr style=\"display:none\" id=\"TMNode_"+mId+"_"+Id+"_tr\">"
str+="<td width=\"1%\" align=\"right\"> </td>"
str+="<td width=\"99%\" id=\"TMNode_"+mId+"_"+Id+"\"></td>"
str+="</tr>"
str+="</table>"
pNode.innerHTML+=str
}
}
return this
}function exNode(objtr,objNode)
{
if(objtr&&objNode)
{
if(objNode.innerHTML!="")
{
if(objtr.style.display=="")
{
objtr.style.display="none";
}else{
objtr.style.display="";
}
}
}
} var root1
root1=CreateRoot("myTree1","·请选择栏目")
root1.CreateNode(1,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"1\">简介")
root1.CreateNode(6,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"6\">技术")
root1.CreateNode(7,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"7\">联系")
root1.CreateNode(31,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"31\">产品")
root1.CreateNode(32,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"32\">政策")
root1.CreateNode(33,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"33\">资质")
root1.CreateNode(34,33,"<input type=\"radio\" name=\"radioBoxItem\" value=\"34\">11")
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title></head><body>
<script language="javascript">function CreateRoot(mId,Title)
{
var TreeId
TreeId=mId
if(eval("window.TMNode_"+mId))
{
alert("<生成树错误>\n根节点的Id已存在")
return null
}
var str = ""
str+="<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" class=\"TMStyle\">"
str+="<tr>"
str+="<td colspan=\"2\"><span style=\"cursor:hand\" onclick=\"if(TMRoot_"+mId+"_Tr.style.display==''){TMRoot_"+mId+"_Tr.style.display='none'}else{TMRoot_"+mId+"_Tr.style.display=''}\">"+Title+"</span></td>"
str+="</tr>"
str+="<tr id=\"TMRoot_"+mId+"_Tr\">"
str+="<td width=\"1%\" align=\"right\" valign=\"top\"> </td>"
str+="<td width=\"99%\" id=\"TMNode_"+mId+"\"></td>"
str+="</tr>"
str+="</table>"
document.write(str); //生成根的子节点
// 参数:
// Id:当前节点的唯一ID
// pId:父节点的唯一ID(若为-1,表示其父节点为根Root)
// Title:显示文字
this.CreateNode=function (Id,pId,Title){
var pNode=null
if(pId==-1){
pNode=eval("window.TMNode_"+mId)
}else{
pNode=eval("window.TMNode_"+mId+"_"+pId)
}
if(pNode!=null)
{
var str = ""
str+="<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
str+="<tr> "
str+="<td colspan=\"2\"><span style=\"cursor:hand\" onclick=\"exNode(eval('window.TMNode_"+mId+"_"+Id+"_tr'),eval('window.TMNode_"+mId+"_"+Id+"'))\">"+Title+"</span></td>"
str+="</tr>"
str+="<tr style=\"display:none\" id=\"TMNode_"+mId+"_"+Id+"_tr\">"
str+="<td width=\"1%\" align=\"right\"> </td>"
str+="<td width=\"99%\" id=\"TMNode_"+mId+"_"+Id+"\"></td>"
str+="</tr>"
str+="</table>"
pNode.innerHTML+=str
}
}
return this
}function exNode(objtr,objNode)
{
if(objtr&&objNode)
{
if(objNode.innerHTML!="")
{
if(objtr.style.display=="")
{
objtr.style.display="none";
}else{
objtr.style.display="";
}
}
}
} var root1
root1=CreateRoot("myTree1","·请选择栏目")
root1.CreateNode(1,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"1\">简介")
root1.CreateNode(6,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"6\">技术")
root1.CreateNode(7,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"7\">联系")
root1.CreateNode(31,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"31\">产品")
root1.CreateNode(32,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"32\">政策")
root1.CreateNode(33,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"33\">资质")
root1.CreateNode(34,33,"<input type=\"radio\" name=\"radioBoxItem\" value=\"34\">11")
</script>
</body>
</html>
pNode=eval("window.TMNode_"+mId)
}else{
pNode=eval("window.TMNode_"+mId+"_"+pId)
}
==>
document.getElementById("window.TMNode_"+mId)
document.getElementById("window.TMNode_"+mId+"_"+pId)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>无标题文档</title></head><body>
<script language="javascript">function CreateRoot(mId,Title)
{
var TreeId
TreeId=mId
//alert(mId + "#" + Title);
if(eval("window.TMNode_"+mId))
{
alert("<生成树错误>\n根节点的Id已存在")
return null
}
var str = ""
str+="<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" class=\"TMStyle\">"
str+="<tr>"
str+="<td colspan=\"2\"><span style=\"cursor:hand\" onclick=\"if(TMRoot_"+mId+"_Tr.style.display==''){TMRoot_"+mId+"_Tr.style.display='none'}else{TMRoot_"+mId+"_Tr.style.display=''}\">"+Title+"</span></td>"
str+="</tr>"
str+="<tr id=\"TMRoot_"+mId+"_Tr\">"
str+="<td width=\"1%\" align=\"right\" valign=\"top\"> </td>"
str+="<td width=\"99%\" id=\"TMNode_"+mId+"\"></td>"
str+="</tr>"
str+="</table>"
document.write(str); //生成根的子节点
// 参数:
// Id:当前节点的唯一ID
// pId:父节点的唯一ID(若为-1,表示其父节点为根Root)
// Title:显示文字
this.CreateNode=function (Id,pId,Title){
//alert(mId + "#" + pId + "#" + Id);
var pNode=null
if(pId==-1){//还是这里错误了,直接用document.getElementById就可以了
pNode=eval("window.TMNode_"+mId)
pNode = !!pNode ? pNode : document.getElementById("TMNode_"+mId);
}else{
pNode=eval("window.TMNode_"+mId+"_"+pId)
pNode = !!pNode ? pNode : document.getElementById("TMNode_"+mId+"_"+pId);
}
alert(pNode);
if(pNode!=null)
{
var str = ""
str+="<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
str+="<tr> "
str+="<td colspan=\"2\"><span style=\"cursor:hand\" onclick=\"exNode(eval('window.TMNode_"+mId+"_"+Id+"_tr'),eval('window.TMNode_"+mId+"_"+Id+"'))\">"+Title+"</span></td>"
str+="</tr>"
str+="<tr style=\"display:none\" id=\"TMNode_"+mId+"_"+Id+"_tr\">"
str+="<td width=\"1%\" align=\"right\"> </td>"
str+="<td width=\"99%\" id=\"TMNode_"+mId+"_"+Id+"\"></td>"
str+="</tr>"
str+="</table>"
pNode.innerHTML+=str
}
}
return this
}function exNode(objtr,objNode)
{
if(objtr&&objNode)
{
if(objNode.innerHTML!="")
{
if(objtr.style.display=="")
{
objtr.style.display="none";
}else{
objtr.style.display="";
}
}
}
} var root1
root1=CreateRoot("myTree1","·请选择栏目")
root1.CreateNode(1,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"1\">简介")
root1.CreateNode(6,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"6\">技术")
root1.CreateNode(7,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"7\">联系")
root1.CreateNode(31,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"31\">产品")
root1.CreateNode(32,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"32\">政策")
root1.CreateNode(33,-1,"<input type=\"radio\" name=\"radioBoxItem\" value=\"33\">资质")
root1.CreateNode(34,33,"<input type=\"radio\" name=\"radioBoxItem\" value=\"34\">11")
</script>
</body>
</html>
str+="<td colspan=\"2\"><span style=\"cursor:hand\" onclick=\"exNode(eval('window.TMNode_"+mId+"_"+Id+"_tr'),eval('window.TMNode_"+mId+"_"+Id+"'))\">"+Title+"</span></td>"
这里的也得改?因为二级的栏目还是不显示,又怎么改呢?方便的话就写一下吧。谢谢再~~
看来你真的是不熟悉js
有空看看《js权威指南》