js 输出树形结构

最新推荐文章于 2024-08-15 14:23:35 发布

行做笔心当墨

最新推荐文章于 2024-08-15 14:23:35 发布

阅读量2.1k

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/qiuqidehao/article/details/80774198

版权

这段代码展示了如何使用JavaScript动态生成HTML树形结构。数据是一个包含嵌套对象的数组，每个对象代表一个树节点，包含节点名称和子节点数组。通过递归函数`tree`，将数据转换为DOM元素并添加到页面的`<ul>`元素中。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<ul id="tree"></ul>
		<script type="text/javascript">
			var data = [
				{
					name:'t1',
					child:[
						{
							name:'t1-1'
						},
						{
							name:'t1-2',
							child:[
								{
									name:'t1-2-1'
								},
								{
									name:'t1-2-2'
								},
								{
									name:'t1-2-3'
								}
							]
						},
						{
							name:'t1-3'
						}
					]
				},
				{
					name:'t2',
					child:[
						{
							name:'t2-1'
						},
						{
							name:'t2-2',
							child:[
								{
									name:'t2-2-1'
								}
							]
						}
					]
				},
				{
					name:'t3'
				},
				{
					name:'t4',
					child:[
						{
							name:'t4-1&#