Javascript 单击“打开模式”按钮后。为什么'；它消失了吗？

单击

打开模式

按钮后。它消失了。我没有发现我的代码有任何问题

代码示例-场景

让nrSanckbar=（函数（）{
const modalContent=`
&时代；
模态中的一些文本

`;
文档.添加的列表器（“单击”，函数（e）{
e、 预防默认值（）；
e、 停止传播（）
const modal=document.querySelector（“.nr modal container”）；
if（e.target.classList.contains（'close'））{
console.log（例如target）
modal.classList.remove（“可见”）；
modal.remove（）；
返回false；
}
})
const shwoModal=函数（）{
document.body.innerHTML=modalContent；
const modal=document.querySelector（“.nr modal container”）；
modal.classList.add（“可见”）；
返回false；
}
返回{
deleteConfirm：函数（数据）{
shwoModal（）
},
}
})();
文档.添加的列表器（“单击”，函数（e）{
e、 预防默认值（）；
e、 停止传播（）
if（e.target.classList.contains（'open-modal-button'））{
nrSanckbar.deleteConfirm（）
}
})

.modal{
位置：固定；
z指数：10；
填充顶部：100px；
左：0；
排名：0；
宽度：100%；
身高：100%；
溢出：自动；
背景色：rgba（0,0,0,0.5）；
显示：无；
}
/*模态内容*/
.模态内容{
背景色：#fefe；
保证金：自动；
填充：20px；
边框：1px实心#888；
宽度：50%；
边界半径：5px；
盒影：0 24px 38px 3px rgba（60,75,100,0.14）；
显示：无；
}
.结束{
颜色：#AAAAA；
浮动：对；
字号：28px；
字体大小：粗体；
}
.关闭：悬停，
.结束：聚焦{
颜色：#000；
文字装饰：无；
光标：指针；
}
.可见{
显示：块；
}
.visible>.modal内容{
显示：块；
-webkit动画：缩放。3秒放松；
-moz动画：缩放。3秒放松；
}
@-webkit关键帧缩放{
0%{不透明度：0；-webkit变换：比例（1.3）；}
100%{不透明度：1；-webkit变换：比例（1）；}
}
@-moz关键帧比例{
0%{不透明度：0；-moz变换：比例（1.3）；}
100%{opacity:1；-moz变换：tscale（1）；}
}

---

打开模式

由于

document.body.innerHTML=modalContent，您的按钮被删除（因为内部HTML包含该按钮）

您应该能够执行类似于
document.body.innerHTML+=modalContent

或者：
document.body.insertAdjacentHTML（'beforeend'，modalContent）
由于
document.body.innerHTML=modalContent，您的按钮被删除（因为内部HTML包含该按钮）

您应该能够执行类似于
document.body.innerHTML+=modalContent

或者：
document.body.insertAdjacentHTML（'beforeend'，modalContent）