资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
一个很简单的无限分类树实现代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>简单树形</title> <head> <style type="text/css"> * {margin:0px; padding:0px;} #categoryTree {margin:0px; padding:0px;} #categoryTree ul {display:none; margin:0px;margin-left:5px; padding:0px 0px 0px 15px;} #categoryTree span {cursor:pointer;} </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Awindow.onload%20%3D%20function()%20%7B%20%0D%0Avar%20cate%20%3D%20document.getElementById(%22categoryTree%22)%3B%20%0D%0Avar%20bBs%20%3D%20cate.getElementsByTagName(%22span%22)%3B%20%0D%0Avar%20len%20%3D%20bBs.length%3B%20%0D%0Aif%20(len%20%3E%200)%20%7B%20%0D%0Afor%20(var%20i%3D0%3B%20i%20%3C%20len%3Bi%2B%2B)%20%7B%20%0D%0Avar%20oTag%20%3D%20bBs%5Bi%5D.parentNode.getElementsByTagName(%22ul%22)%5B0%5D%3B%20%0D%0Aif%20(oTag)%20%7B%20%0D%0AbBs%5Bi%5D.style.background%20%3D%20%22%23666%22%3B%20%0D%0AbBs%5Bi%5D.onclick%20%3D%20function()%20%7B%20%0D%0Avar%20oTag%20%3D%20this.parentNode.getElementsByTagName(%22ul%22)%5B0%5D%3B%20%0D%0Aif%20(!(oTag.open))%20%7B%20%0D%0AoTag.style.display%20%3D%20%22block%22%3B%20%0D%0AoTag.open%20%3D%20true%3B%20%0D%0A%7D%20else%20%7B%20%0D%0AoTag.style.display%20%3D%20%22none%22%3B%20%0D%0AoTag.open%20%3D%20null%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20else%20%7B%20%0D%0Athrow%20new%20Error(%22html%20struct%20error!%22)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <body> <ul id="categoryTree"> <li> <span>国务院</span> <ul> <li> <span>省级办公单位</span> <ul> <li><span>安徽</span></li> <li><span>河南省</span> <ul> <li><span>阜阳市</span></li> <li><span>界首市</span></li> </ul> </li> <li><span>河北省</span></li> <li><span>广东省</span></li> </ul> </li> <li><span>省级办公单位2</span> <ul> <li>范冰冰2</li> <li><span>范冰冰4</span> <ul> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> </ul> </li> <li>范冰冰2</li> <li>范冰冰2</li> </ul> </li> <li>省级办公单位3</li> <li>省级办公单位4</li> </ul> <li> <li> <span>国务院</span> <ul> <li> <span>省级办公单位</span> <ul> <li><span>安徽</span></li> <li><span>河南省</span> <ul> <li><span>阜阳市</span></li> <li><span>界首市</span></li> </ul> </li> <li><span>河北省</span></li> <li><span>广东省</span></li> </ul> </li> </ul> <li> </ul> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程