js动态获取树结构

// 假设我们有一个数组，包含树的节点信息
const treeData = [
  { id: 1, name: 'Node 1', children: [
    { id: 2, name: 'Node 1.1' },
    { id: 3, name: 'Node 1.2', children: [
      { id: 4, name: 'Node 1.2.1' }
    ]}
  ]},
  { id: 5, name: 'Node 2' }
];

// 动态构建树结构的函数
function buildTree(data) {
  return data.map(item => {
    const li = document.createElement('li');
    li.textContent = item.name;
    if (item.children && item.children.length > 0) {
      const ul = document.createElement('ul');
      li.appendChild(buildTree(item.children));
      ul.appendChild(li);
      return ul;
    }
    return li;
  });
}

// 使用函数并将结果添加到页面
const treeContainer = document.getElementById('tree-container');
treeContainer.appendChild(buildTree(treeData)[0]);