如何将工具提示绑定到此html元素

<button id="myButton">按钮</button>

// 获取目标元素
const myButton = document.getElementById("myButton");

// 创建工具提示元素
const tooltip = document.createElement("div");
tooltip.textContent = "这是一个按钮";

// 设置工具提示的样式
tooltip.style.position = "absolute";
tooltip.style.background = "black";
tooltip.style.color = "white";
tooltip.style.padding = "5px";
tooltip.style.display = "none";

// 将工具提示元素添加到页面中
document.body.appendChild(tooltip);

// 监听鼠标悬停事件
myButton.addEventListener("mouseover", () => {
  // 显示工具提示
  tooltip.style.display = "block";
});

myButton.addEventListener("mouseout", () => {
  // 隐藏工具提示
  tooltip.style.display = "none";
});