Как заставить js перехватывать события после переключения id ??

Question

[Theory Theory]

<div id="elem">Lorem</div>

let i = 1;

elem.onclick = function (e) {
	console.log(`${i} клик работает`)     // почему то запускается 1 раз

	let block = document.createElement("div");
	block.innerText = "lorem"
	e.target.after(block)

	block.id = e.target.id   // переключаем id, НО onclick во 2 раз не работает

	e.target.remove();
	i++
}

js игнорирует elem.onclick при переключений id.

Answer 1

[Alex]

Потому что вы вставляете новый элемент
e.target.after(block)
А старый, на который повесили обработчик — удаляете
e.target.remove();

Comments

[Theory Theory]

Хорошо, спасибо. Что сделать, чтобы onclick перезапустился и работал уже с новым элементом??

[Alex]

Narbek, Повесить на него обработчик

[Theory Theory]

хотел сказать, чтобы этот же обработчик работал с новым elem. Как перезапустить onclick. чтобы он заново искал id="elem"