HTML树形结构循环,请用JS或C#写出UL 、LI的无线级循环,而不用手动添加,说明如下:

html-css031

HTML树形结构循环,请用JS或C#写出UL 、LI的无线级循环,而不用手动添加,说明如下:,第1张

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="ContentType" content="text/htmlcharset=UTF-8"/>

<title></title>

<script type='text/javascript'>

var NodeFactory = {

create: function(node){

if(!node) return

var li = ['<li>']

li.push(node.text)

//子节点

var len

if(node.kids &&(len=node.kids.length)){

li.push('<ul>')

for(var i=0i<leni++){

li.push( this.create(node.kids[i]) )

}

li.push('</ul')

}

li.push('</li>')

return li.join('')

}

}

</script>

</head>

<body>

<script type='text/javascript'>

var root = {

text: 'root',

kids: [{

text: 'kid_1',

kids: [{

text: 'kid_1_1'

},{

text: 'kid_1_2',

kids: [{

text: 'kid_1_2_1'

}]

},{

text: 'kid_1_3'

}]

},{

text: 'kid_2'

}]

}

document.write(NodeFactory.create(root))

</script>

</body>

</html>

我的百度空间有篇文章,是写生成树菜单的。

http://hi.baidu.com/2hill/blog/item/f22f4ed827b8e23733fa1cca.html

代码我都已经写好了,你复制就行了,当然,也有一些解释,应该可以看懂的。

我是用Js读取XML实现的

到我的空间逛逛吧,有更多收获,http://www.yuefan.net