阻止显示：无；在我按下 div 按钮后从 div

Question

我的英语不太好，但我尽力解释我的问题，我尝试了 10 个主题来找到解决方案，但我无法弄清楚..

我想按这个div后

 <div id="test" class="br3 mb3 ph3 pv2 ba b--black-10 flex justify-between items-center pointer hover-b--primary5">
 <div class="f5 flex items-center">Test1</div>

阻止显示以显示此div的内容

 <div id="modal" style="display: none; width: 370px; position: fixed; right: 2px; top: 0; z-index: 99; background-color: white; border-radius: 0px 0px 10px 10px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);">

谢谢，祝你有美好的一天:)

Answer 1

您可以在按下 div 时添加一个事件侦听器，或者说 onclick="changeDisplay()" 并将该代码添加到您想要单击的 div 中。

然后在函数发出后添加这段代码来设置 div 的样式：

  <script>
function changeDisplay() {
    document.getElementById("modal").style.display = "block";
    }
</script>