点击时显示每个锚点对应的div

<a href="#div1">锚点1</a>
<a href="#div2">锚点2</a>
<a href="#div3">锚点3</a>

<div id="div1">内容1</div>
<div id="div2">内容2</div>
<div id="div3">内容3</div>

// 获取所有锚点链接
var anchors = document.querySelectorAll('a[href^="#"]');

// 为每个锚点链接添加点击事件监听
anchors.forEach(function(anchor) {
  anchor.addEventListener('click', function(e) {
    e.preventDefault(); // 阻止默认点击事件
    var target = document.querySelector(this.getAttribute('href')); // 获取目标div元素
    var divs = document.querySelectorAll('div[id^="div"]'); // 获取所有div元素
    
    // 隐藏其他div元素
    divs.forEach(function(div) {
      div.style.display = 'none';
    });
    
    // 显示目标div元素
    target.style.display = 'block';
  });
});