在HTML页面中的同一位置放置多个工具提示

<span id="tooltip1">Element 1</span>
<span id="tooltip2">Element 2</span>

.tooltip {
  position: relative;
  display: none;
}

var tooltip1 = document.getElementById("tooltip1");
var tooltip2 = document.getElementById("tooltip2");

tooltip1.addEventListener("mouseover", function() {
  showTooltip(tooltip1);
});

tooltip1.addEventListener("mouseout", function() {
  hideTooltip(tooltip1);
});

tooltip2.addEventListener("mouseover", function() {
  showTooltip(tooltip2);
});

tooltip2.addEventListener("mouseout", function() {
  hideTooltip(tooltip2);
});

function showTooltip(tooltip) {
  tooltip.style.display = "block";
}

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