如何将动态生成的DOM元素的递归部分附加到其父元素？

function generateRecursiveDOM(parentElement, depth) {
  // 创建一个新的DOM元素
  var newElement = document.createElement('div');
  
  // 设置新元素的内容
  newElement.textContent = 'Depth: ' + depth;
  
  // 设置新元素的样式
  newElement.style.paddingLeft = depth * 10 + 'px';
  
  // 将新元素添加到父元素中
  parentElement.appendChild(newElement);
  
  // 递归生成子元素
  if (depth > 0) {
    generateRecursiveDOM(newElement, depth - 1);
  }
}

// 获取父元素
var parentElement = document.getElementById('parent');

// 调用函数生成递归DOM元素
generateRecursiveDOM(parentElement, 5);