javascript 如何使用addEventListener创建模态弹出窗口？

9jyewag0 于 2022-12-02 发布在 Java

关注(0)|答案(1)|浏览(161)

我正在学习JS的时刻，所以我不知道它的很多事情.我创建了一个页面与“编辑”按钮.当我点击按钮，它应该出现一个弹出窗口：

用toogle（）我可以做到

function toggle() {
var overlay = document.getElementById("overlay");
overlay.classList.toggle("active");
var popup = document.getElementById("popup");
popup.classList.toggle("active");}

但本练习需要使用addEventListener。

我尝试这样做，但我不能弄清楚如何使出现的弹出窗口，与以下代码的控制台不显示任何错误，但我看不到弹出窗口
第一次
这是我代码：
第一个

JavaScript

来源：https://stackoverflow.com/questions/74643746/how-to-create-a-modal-popup-using-addeventlistener

1条答案

按热度按时间

4nkexdtk1#

尝试

document.querySelector('.profile__add-button').addEventListener('click',function (){
        document.querySelector('.profile__edit-form-overlay').style.visibility = 'visible';
    })

侦听器位于按钮上。profile__add-button
删除css样式中可见性。profile__edit-form

赞(0）回复(0）举报 2022-12-02

我来回答

javascript 如何使用addEventListener创建模态弹出窗口？

1条答案

相关问题

热门标签

最新问答