如何在javascript中连续点击按钮显示下一个元素

在JavaScript中实现连续点击按钮显示下一个元素，可以通过以下步骤实现：

首先，为按钮添加一个点击事件的监听器。
在点击事件的处理函数中，使用DOM操作获取下一个要显示的元素。
使用CSS属性控制该元素的显示与隐藏状态。

下面是一个示例代码：

// HTML部分
<button id="nextButton">下一个</button>
<div class="element">元素1</div>
<div class="element">元素2</div>
<div class="element">元素3</div>

// JavaScript部分
var nextButton = document.getElementById("nextButton");
var elements = document.getElementsByClassName("element");
var currentIndex = 0;

nextButton.addEventListener("click", function() {
  // 隐藏当前元素
  elements[currentIndex].style.display = "none";
  
  // 计算下一个元素的索引
  currentIndex = (currentIndex + 1) % elements.length;
  
  // 显示下一个元素
  elements[currentIndex].style.display = "block";
});

在上述代码中，我们首先获取了按钮和所有要显示的元素。然后，我们为按钮添加了一个点击事件的监听器。在点击事件的处理函数中，我们先隐藏当前显示的元素，然后计算下一个要显示的元素的索引，最后将其显示出来。

这个方法适用于任意数量的元素，并且可以循环显示。如果点击按钮时需要执行其他操作，可以在点击事件的处理函数中添加相应的代码。