我正在使用JavaScript渲染一个绝对定位的p元素，但我不知道如何将它与上面的图像对齐

<div style="position: relative;">
  <img src="image.jpg" alt="图像">
  <p id="text">这是绝对定位的p元素</p>
</div>

var image = document.querySelector('img');
var imageTop = image.offsetTop;
var imageLeft = image.offsetLeft;

var pElement = document.getElementById('text');
pElement.style.position = 'absolute';
pElement.style.top = imageTop + 'px';
pElement.style.left = imageLeft + 'px';