Question

单击元素上的按钮时，覆盖框仅适用于第一个，其余部分不适用

我已经尝试添加2个类，但是由于我读到可能是个问题而无法正常工作，但是我无法使其正常工作。

<div class="container">
<input type="button" value="Contactar ahora" id="Overly" class="overly"  
/> 
</div>

<div id="ogrooModel" class="modalbox ogroobox" >
<div class="dialog">
<button  title="Close" onClick="overlay()"  class="closebutton" id="close">close</button>
<div  style="min-height: 150px;">
    </div>
    </div>
</div>


<script>
//only javascript
document.getElementById("Overly").addEventListener("click", function(){
var e =document.getElementsByClassName("modalbox");

    e[0].style.display = 'block';

})  ;
document.getElementById("close").addEventListener("click", function(){
var e =document.getElementsByClassName("modalbox");
e[0].style.display= 'none';
});
</script>

该代码中到底要更改什么，以便其余元素在单击按钮后显示该框？

Answer 1

关闭按钮不需要 onClick =“ overlay（）” ，因为您已经将其与脚本中的单击事件侦听器绑定了。

按钮Onclick仅在第一个元素上起作用

1 个答案: