通过子项和在HTML中显示的Javascript递归

function displayItems(items, parentElement) {
  // 遍历子项
  items.forEach(function(item) {
    // 创建一个新的HTML元素来显示子项
    var itemElement = document.createElement('div');
    itemElement.textContent = item.name;
    
    // 将子项添加到父元素中
    parentElement.appendChild(itemElement);
    
    // 如果子项还有子项，则递归调用displayItems函数
    if (item.children && item.children.length > 0) {
      displayItems(item.children, itemElement);
    }
  });
}

// 示例数据
var items = [
  {
    name: 'Item 1',
    children: [
      {
        name: 'Item 1.1',
        children: []
      },
      {
        name: 'Item 1.2',
        children: [
          {
            name: 'Item 1.2.1',
            children: []
          }
        ]
      }
    ]
  },
  {
    name: 'Item 2',
    children: []
  }
];

// 获取要显示子项的父元素
var parentElement = document.getElementById('parentElement');

// 调用displayItems函数来显示子项
displayItems(items, parentElement);