获取嵌套列表值并将其添加到按钮文本

const nestedList = [
  {
    id: 1,
    label: '按钮1',
    children: [
      {
        id: 2,
        label: '按钮2',
        children: [
          {
            id: 3,
            label: '按钮3',
            children: []
          }
        ]
      }
    ]
  }
];

// 获取嵌套列表值并将其添加到按钮文本
function getNestedListValueAndAddToButtonText(nestedList, targetButtonId, buttonTextElementId) {
  // 递归函数遍历嵌套列表
  function traverseList(list) {
    for (let i = 0; i < list.length; i++) {
      const node = list[i];
      
      // 如果当前节点是目标按钮，则获取其文本值
      if (node.id === targetButtonId) {
        const buttonText = node.label;
        
        // 将按钮文本添加到指定元素上
        const buttonTextElement = document.getElementById(buttonTextElementId);
        buttonTextElement.textContent = buttonText;
        
        return; // 结束遍历
      }
      
      // 如果当前节点有子节点，则递归调用函数
      if (node.children && node.children.length > 0) {
        traverseList(node.children);
      }
    }
  }
  
  traverseList(nestedList);
}

// 使用示例
const nestedList = [
  {
    id: 1,
    label: '按钮1',
    children: [
      {
        id: 2,
        label: '按钮2',
        children: [
          {
            id: 3,
            label: '按钮3',
            children: []
          }
        ]
      }
    ]
  }
];

// 获取id为targetButton的按钮文本，并添加到id为buttonText的元素上
getNestedListValueAndAddToButtonText(nestedList, 3, 'buttonText');