使用CSS在按钮单击时将元素放在最前面

<button id="myButton">点击我</button>
<div id="myElement">我是需要放在最前面的元素</div>

#myElement {
  position: absolute;
  z-index: 1; /* 初始堆叠顺序 */
}

#myButton {
  position: relative;
  z-index: 2; /* 按钮的堆叠顺序较高 */
}

document.getElementById("myButton").addEventListener("click", function() {
  var element = document.getElementById("myElement");
  element.style.zIndex = "999"; // 将元素的堆叠顺序设置为较高的值
});