Как хранить элемент html, включая его прослушиватели событий?

Question

Использование и html-элемента элемента addEventListener имеет ряд преимуществ перед использованием встроенных событий, например onclick.

Однако, чтобы сохранить элемент, включая его встроенное событие, прямолинейно, например, путем вставки его в родительский элемент и сохранения родительского innerHTML.

Возможно ли сделать что-то подобное при использовании прослушивателей событий?

Edit:

я понял, что мой вопрос не достаточно объяснить. Так вот некоторые дополнения.

Под «магазином» я имею в виду способ получить информацию, содержащую элемент и прослушиватель событий.

Аналог с встроенными событиями легко: просто вставьте в родительский элемент и сохраните родительский innerHTML (строка) где-нибудь, например в базе данных, и заново создайте элемент позже, загрузив строку и применив ее к innerHTML некоторый элемент.

Но как сделать аналог с элементами при использовании прослушивателей событий? Нельзя использовать innerHTML, так как события не сохраняются.

Надеюсь, это немного уточнит мой вопрос.

Edit 2

С помощью комментариев, которые я сделал несколько неудачных попыток.

Можно получить информацию о element с использованием createDocumentFragment() или element.cloneNode(true).

Однако первый метод не работает для внешнего хранилища, поскольку, если я правильно понял, будет содержать только указатель. Ниже приведен пример:

https://jsfiddle.net/hcpfv5Lu/

Второй метод не работает. Я не совсем уверен, почему, но если у меня JSON.stringify, то клон «исчезает». Вот пример:

https://jsfiddle.net/3af001tq/

Answer 1

Да.

Вы можете использовать что-то вроде.

<ul> 
    <li id="list">Some data</li> 
    <li>Dumy</li> 
</ul> 

затем в вашем файла JavaScript,

document.getElementById("list").addEventListener("click", function(){ 
    var htmlMarkUp = this.parentNode.innerHTML; 
}); 

Это сохранит содержимое HTML НСБ в var htmlMarkUp.

Answer 2

Вы можете использовать фрагмент документа для хранения узла DOM в переменной JavaScript, который при необходимости может быть добавлен к элементу DOM.

https://developer.mozilla.org/en/docs/Web/API/Document/createDocumentFragment