如何计算DOM元素相对于特定父元素的偏移量？

<div class="wrapper" id="wrapper">
    <div id="node-root">
        <div id="node-2">
            <div id="node-3"></div>
            <div id="node-3-1"></div>
            <div id="node-3-2"></div>
        </div>
        <div id="node-22">
            <div id="node-22-1"></div>
        </div>
        <div id="node-33">
            <div id="node-33-1"></div>
        </div>
    </div>
</div>

/**
 * 获取元素相对于浏览器窗口的偏移量
 * @param {HTMLElement} ele DOM元素
 * @returns {{top: number, left: number}}
 */
function getOffset(ele) {
  let top = 0, left = 0;
  if (!ele || ele.nodeType !== 1) return {top, left};

  do {
    top += ele.offsetTop;
    left += ele.offsetLeft;
    ele = ele.offsetParent;
  } while (ele);

  return {top, left};
}

/**
 * 获取元素相对于指定父元素的偏移量
 * @param {HTMLElement} ele 目标元素
 * @param {HTMLElement} parent 父元素
 * @returns {{top: number, left: number}}
 */
function getOffsetInParent(ele, parent) {
  const eleOffset = getOffset(ele);
  const parentOffset = getOffset(parent);
  return {
    top: eleOffset.top - parentOffset.top,
    left: eleOffset.left - parentOffset.left
  };
}

// 获取并打印结果
const node221 = document.getElementById('node-22-1');
const wrapper = document.getElementById('wrapper');
console.log(getOffsetInParent(node221, wrapper));