如何使用Javascript从dom中的元素中拉出嵌套最深的子元素？

function findDeepestChild(element) {
  let deepestChild = element;
  
  // 递归遍历子元素
  for (let i = 0; i < element.children.length; i++) {
    const child = element.children[i];
    
    // 如果子元素还有子元素，则继续递归遍历
    if (child.children.length > 0) {
      const deepestChildOfChild = findDeepestChild(child);
      
      // 更新最深子元素
      if (deepestChildOfChild && deepestChildOfChild.children.length > deepestChild.children.length) {
        deepestChild = deepestChildOfChild;
      }
    }
  }
  
  return deepestChild;
}

// 使用示例
const rootElement = document.getElementById('root');
const deepestChildElement = findDeepestChild(rootElement);
console.log(deepestChildElement);