如何使此工具提示与箭头一起显示在底部

<div id="tooltip">这是工具提示的内容</div>

#tooltip {
  position: relative;
  display: none;
  /* 其他样式属性 */
}

document.getElementById("targetElement").addEventListener("mouseover", showTooltip);

function showTooltip() {
  var tooltip = document.getElementById("tooltip");
  tooltip.style.display = "block";
  tooltip.style.top = (this.offsetTop + this.offsetHeight) + "px";
  tooltip.style.left = this.offsetLeft + "px";
}

document.getElementById("targetElement").addEventListener("mouseout", hideTooltip);

function hideTooltip() {
  var tooltip = document.getElementById("tooltip");
  tooltip.style.display = "none";
}