具有不同id的Html链接(A)为其自己的容器div触发相同的函数

<a id="link1" href="#">Link 1</a>
<a id="link2" href="#">Link 2</a>
<a id="link3" href="#">Link 3</a>

function handleClick(event) {
  var linkId = event.target.id; // 获取点击链接的id
  var div = document.getElementById(linkId); // 获取对应的容器div
  // 执行相同的操作，例如显示/隐藏容器div
  div.style.display = "block";
}

// 为每个链接添加点击事件处理程序
document.getElementById("link1").addEventListener("click", handleClick);
document.getElementById("link2").addEventListener("click", handleClick);
document.getElementById("link3").addEventListener("click", handleClick);