Javascript 添加未附加的事件侦听器
我可以console.log我的“.span”元素以及“.header”元素，但我不能将事件侦听器附加到这两个元素。不过，我可以将事件侦听器附加到innerDiv（const c） 最终，.span将充当删除模态的方法Javascript 添加未附加的事件侦听器,javascript,html,event-handling,dom-events,Javascript,Html,Event Handling,Dom Events,我可以console.log我的“.span”元素以及“.header”元素，但我不能将事件侦听器附加到这两个元素。不过，我可以将事件侦听器附加到innerDiv（const c） 最终，.span将充当删除模态的方法 z索引-99999导致.wrap无法单击；单击“注册”并不是在其上，而是在其上方的元素上（即） 删除z索引，它将被单击 函数createModal（id、className、innerId、wrapName）{ const div=document.createElement
z索引-99999导致
.wrap函数createModal（id、className、innerId、wrapName）{
const div=document.createElement（'div'）
div.setAttribute（'id'，'poem header'+id）
div.classList='header'
const span=document.createElement（'span'）
span.classList='span'
span.innerHTML='X'
子类附件（span）
const c=document.createElement（'div'）
c、 setAttribute（'id'，`${innerId}`）
c、 类列表='poem'
const wrap=document.createElement（'div'）
wrap.setAttribute（'id'，wrapName）
wrap.classList='wrap'
document.body.appendChild（换行）
document.getElementById（`${wrapName}`）.append（div，c）
document.querySelector（'.span'）.addEventListener（'click'，function（））{
console.log（'working'）
})
}
document.getElementById（'test'）.addEventListener（'click'，（）=>{
document.getElementById（'test'）.setAttribute（'disabled'，'true'））
CreateModel（'-0'，poem0'，poem0'，wrap0'）
}).wrap{
显示：内联块；
位置：绝对位置；
高度：280px；
宽度：250px；
背景色：rgb（241238238）；
保证金：0自动；
垫底：1米；
边框：1px实心rgb（73,71,71）；
盒影：5px 3px；
边缘底部：1米；
溢出：隐藏；
}
.标题{
背景色：rgba（255、255、255、0.849）；
填充：0.5em；
边框：1px实心rgb（75,73,73）；
颜色：rgba（39,37,37,0.87）；
字号：1rem；
字体大小：粗体；
文本对齐：右对齐；
光标：抓取；
位置：粘性；
}
.span{
光标：指针；
}
.诗{
显示：内联块；
宽度：继承；
身高：继承；
溢出：滚动；
弯曲方向：立柱；
调整项目：灵活启动；
文本对齐：居中；
光标：帮助；
}test.wrap函数createModal（id、className、innerId、wrapName）{
const div=document.createElement（'div'）
div.setAttribute（'id'，'poem header'+id）
div.classList='header'
const span=document.createElement（'span'）
span.classList='span'
span.innerHTML='X'
子类附件（span）
const c=document.createElement（'div'）
c、 setAttribute（'id'，`${innerId}`）
c、 类列表='poem'
const wrap=document.createElement（'div'）
wrap.setAttribute（'id'，wrapName）
wrap.classList='wrap'
document.body.appendChild（换行）
document.getElementById（`${wrapName}`）.append（div，c）
document.querySelector（'.span'）.addEventListener（'click'，function（））{
console.log（'working'）
})
}
document.getElementById（'test'）.addEventListener（'click'，（）=>{
document.getElementById（'test'）.setAttribute（'disabled'，'true'））
CreateModel（'-0'，poem0'，poem0'，wrap0'）
}).wrap{
显示：内联块；
位置：绝对位置；
高度：280px；
宽度：250px；
背景色：rgb（241238238）；
保证金：0自动；
垫底：1米；
边框：1px实心rgb（73,71,71）；
盒影：5px 3px；
边缘底部：1米；
溢出：隐藏；
}
.标题{
背景色：rgba（255、255、255、0.849）；
填充：0.5em；
边框：1px实心rgb（75,73,73）；
颜色：rgba（39,37,37,0.87）；
字号：1rem；
字体大小：粗体；
文本对齐：右对齐；
光标：抓取；
位置：粘性；
}
.span{
光标：指针；
}
.诗{
显示：内联块；
宽度：继承；
身高：继承；
溢出：滚动；
弯曲方向：立柱；
调整项目：灵活启动；
文本对齐：居中；
光标：帮助；
}测试<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="#">
<link rel='stylesheet' href='style.css'>
<script type="text/javascript" src="./index.js" defer></script>
</head>
<body>
<button id='test'>test</button>
</body>
</html>
function createModal(id, className, innerId, wrapName){
const div = document.createElement('div')
div.setAttribute('id', 'poem-header'+id)
div.classList = 'header'
const span = document.createElement('span')
span.classList = 'span'
span.innerHTML = 'X'
div.appendChild(span)
const c = document.createElement('div')
c.setAttribute('id', `${innerId}`)
c.classList = 'poem'
const wrap = document.createElement('div')
wrap.setAttribute('id', wrapName)
wrap.classList = 'wrap'
document.body.appendChild(wrap)
document.getElementById(`${wrapName}`).append(div, c)
document.querySelector('.span').addEventListener('click', function(){
console.log('working')
})
}
document.getElementById('test').addEventListener('click', ()=>{
document.getElementById('test').setAttribute('disabled', 'true')
createModal('-0', 'poem0', 'poem0', 'wrap0')
})