[英]Button Onclick only working on first element
单击元素上的按钮时,叠加框仅适用于第一个,而不是其余部分
我已经尝试添加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>
在该代码中究竟要改变什么,以便其他元素在单击按钮后显示框?
对于关闭按钮,您不需要onClick =“overlay()” ,因为您已经在脚本中将其与单击事件侦听器绑定。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.