如何在Javascript中单击替换按钮

当我试图通过单击来删除元素时。我遇到了一些麻烦

当我创建元素并将其附加到元素时，上一个元素并没有被删除

我想要的结果是把它们换成新的按钮

我怎样才能做到呢？如果你有意见，请告诉我

谢谢

document.getElementById（“btn”）.addEventListener（“单击”，函数（）{
设btn=document.getElementById（“btn”）；
let button=document.createElement（“按钮”）；
button.textContent='重试'；
button.className='重试'；
附加子项（按钮）；
})

测试

使用以下方法：

document.getElementById（“btn”）.addEventListener（“单击”，函数（）{
设btn=document.getElementById（“btn”）；
let button=document.createElement（“按钮”）；
button.textContent='重试'；
button.className='重试'；
btn.parentNode.replaceChild（按钮，btn）；
})

---

test

您不必完全更换按钮，只需更新其属性即可，如下所示

document.getElementById（'btn'）.addEventListener（'click'，函数（e）{
e、 target.innerHTML='重试'；
e、 target.className='重试'；
});
测试
document.getElementById（“btn”）.addEventListener（“单击”，函数（）{
设btn=document.getElementById（“btn”）；
let button=document.createElement（“按钮”）；
button.textContent='重试'；
button.className='重试'；
替换为（按钮）；
})
测试