json转换成树形

// 示例JSON数据
const jsonData = {
  "name": "root",
  "children": [
    {
      "name": "child1",
      "children": [
        { "name": "grandchild1" },
        { "name": "grandchild2" }
      ]
    },
    {
      "name": "child2",
      "children": [
        { "name": "grandchild3" }
      ]
    }
  ]
};

// 将JSON数据转换成树形结构的函数
function jsonToTree(json) {
  const root = document.createElement('div');
  root.className = 'tree-node';
  root.innerHTML = `<span>${json.name}</span>`;

  if (json.children && json.children.length > 0) {
    const childrenContainer = document.createElement('div');
    childrenContainer.className = 'tree-children';
    json.children.forEach(child => {
      childrenContainer.appendChild(jsonToTree(child));
    });
    root.appendChild(childrenContainer);
  }

  return root;
}

// 使用示例
const treeContainer = document.getElementById('tree-container');
treeContainer.appendChild(jsonToTree(jsonData));