一个很简单的无限分类树实现代码

ttx9n · 发表于 2010-11-19 21:17:24

一个很简单的无限分类树实现代码，需要的朋友可以参考下。

<!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> 
<script type="text/javascript"> 
window.onload = function() { 
var cate = document.getElementById("categoryTree"); 
var bBs = cate.getElementsByTagName("span"); 
var len = bBs.length; 
if (len > 0) { 
for (var i=0; i < len;i++) { 
var oTag = bBs[i].parentNode.getElementsByTagName("ul")[0]; 
if (oTag) { 
bBs[i].style.background = "#666"; 
bBs[i].onclick = function() { 
var oTag = this.parentNode.getElementsByTagName("ul")[0]; 
if (!(oTag.open)) { 
oTag.style.display = "block"; 
oTag.open = true; 
} else { 
oTag.style.display = "none"; 
oTag.open = null; 
} 
} 
} 
} 
} else { 
throw new Error("html struct error!"); 
} 
} 
</script> 
</head> 
<body> 
<ul id="categoryTree"> 
<li> 
国务院 
<ul> 
<li> 
省级办公单位 
<ul> 
<li>安徽</li> 
<li>河南省 
<ul> 
<li>阜阳市</li> 
<li>界首市</li> 
</ul> 
</li> 
<li>河北省</li> 
<li>广东省</li> 
</ul> 
</li> 
<li>省级办公单位2 
<ul> 
<li>范冰冰2</li> 
<li>范冰冰4 
<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> 
国务院 
<ul> 
<li> 
省级办公单位 
<ul> 
<li>安徽</li> 
<li>河南省 
<ul> 
<li>阜阳市</li> 
<li>界首市</li> 
</ul> 
</li> 
<li>河北省</li> 
<li>广东省</li> 
</ul> 
</li> 
</ul> 
<li> 
</ul> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

idy6_yus · 发表于 2023-5-30 06:27:51

哈哈哈哈哈哈哈

溪谷玉贤 · 发表于 2023-7-23 11:09:19

那三门，你们谁寂寞才快乐撒

ppwxcg · 发表于 2023-8-14 16:25:23

66666666666666666666

JosephSA · 发表于 2023-8-30 02:37:04

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

dingzhi521 · 发表于 2023-11-28 08:50:04

很不错的源码论坛

qwe520 · 发表于 2024-3-17 06:19:06

你们谁看了弄洒了可能

czoz5y · 发表于 2024-4-17 14:05:13

呵呵呵呵呵呵

64000928 · 发表于 2024-5-13 21:48:26

来看看怎么样

do827261756 · 发表于 2024-5-22 22:12:53

呵呵呵呵呵呵

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 一个很简单的无限分类树实现代码

相关帖子