单击显示div并隐藏其他div不起作用

下面是一个简单的示例，可以实现单击一个按钮显示对应的div，并隐藏其他div。

HTML代码：

<button onclick="toggleDiv('div1')">显示div1</button>
<button onclick="toggleDiv('div2')">显示div2</button>
<button onclick="toggleDiv('div3')">显示div3</button>

<div id="div1" style="display:none;">这是div1</div>
<div id="div2" style="display:none;">这是div2</div>
<div id="div3" style="display:none;">这是div3</div>

JavaScript代码：

function toggleDiv(divId) {
  // 隐藏所有div
  var divs = document.getElementsByTagName('div');
  for (var i = 0; i < divs.length; i++) {
    divs[i].style.display = 'none';
  }
  
  // 显示指定的div
  var div = document.getElementById(divId);
  div.style.display = 'block';
}

在上面的示例中，我们使用onclick事件来触发toggleDiv函数，并传递要显示的div的id作为参数。toggleDiv函数首先将所有的div都隐藏，然后显示指定的div。