Я столкнулся с чем-то странным, играя с событиями на Javascript, я попытался добавить события к элементу, а изменение родительского элемента внутри HTML удалило события, вот пример:
const content = document.body
const p = document.createElement('p')
p.innerHTML = "I am just a text element."
p.addEventListener("click", function(event){
console.log("The event works..")
})
content.appendChild(p)
content.innerHTML += "<div> </div>"
Теперь нажатие на элемент «p» должно вызвать событие, но последняя строка «content.inner HTML ...» предотвращает его. Это каким-то образом удаляет событие.
Я знаю, что изменение внутреннего HTML похоже на то, что это не очень хорошая практика, но все же, кто-то может объяснить, почему события удаляются?
Спасибо!