如何根据绝对容器中响应图像的高度设置父对象(相对)的动态高度

<div class="parent">
  <div class="absolute-container">
    <img src="image.jpg" alt="响应图像">
  </div>
</div>

.parent {
  position: relative;
}

.absolute-container {
  position: absolute;
  top: 0;
  left: 0;
}

img {
  width: 100%;
  height: auto;
}

window.addEventListener('load', function() {
  var absoluteContainer = document.querySelector('.absolute-container');
  var image = absoluteContainer.querySelector('img');
  var parent = absoluteContainer.parentNode;
  
  var imageHeight = image.offsetHeight;
  parent.style.height = imageHeight + 'px';
});