js父级元素的子元素高度

const childElement = document.querySelector('.child');
const height = childElement.offsetHeight;
console.log(height);

const childElement = document.querySelector('.child');
const height = childElement.clientHeight;
console.log(height);

const childElement = document.querySelector('.child');
const rect = childElement.getBoundingClientRect();
const height = rect.height;
console.log(height);

function getHeight() {
  const childElement = document.querySelector('.child');
  return childElement.offsetHeight;
}

requestAnimationFrame(getHeight);

function getElementHeight(element) {
  if (element.offsetHeight !== undefined) {
    return element.offsetHeight;
  } else if (element.clientHeight !== undefined) {
    return element.clientHeight;
  } else {
    const rect = element.getBoundingClientRect();
    return rect.height;
  }
}

const height = getElementHeight(document.querySelector('.child'));
console.log(height);