当我使用for of并将按钮设置为div.pane的第一个元素子级时
不是关闭每个div,而是关闭最后一个div。
for(pane of panes){
pane.firstElementChild.onclick = () => pane.remove();
}
完整代码请访问codepen:https://codepen.io/Howaida/pen/JQRLME
当我使用相同的代码,但唯一的不同是我使用insertAdjacentHtml将按钮插入到js的第一个子级时,代码会按照我的预期工作,并且当我按下按钮时,它会关闭每一次跳水。
for (let pane of panes) {
pane.insertAdjacentHTML("afterbegin", '<button class="remove-button">[x]</button>');
// button becomes the first child of pane
pane.firstChild.onclick = () => pane.remove();
}
完整代码请访问codepen:https://codepen.io/Howaida/pen/MMjVJN
不应该给出相同的结果,为什么它在第一种情况下不起作用?
https://stackoverflow.com/questions/56658673
复制相似问题