Почему после сохранения узла html в localStorage его невозможно вставить на страницу?

Question

[Nick_Apex]

Если перед тем как вставить узел записать его в localStorage, то в хроме вылазит ошибка "Uncaught TypeError: Failed to execute 'insertBefore' on 'Node': parameter 1 is not of type 'Node'."

var copydiv = document.getElementById('top-lighthouse');
		var copydiv = copydiv.cloneNode('true');

		localStorage['localMem'] = copydiv;
		copydiv = localStorage['localMem'];

		document.body.insertBefore(copydiv, document.body.firstChild);

Почему так получается?
Нужно это для расширения под Google Chrome - надо куда то записать кусок кода, что бы после перезагрузки страницы его можно было вставить обратно. Если кто знает такую же простую альтернативу к̶а̶к̶ ̶м̶о̶и̶ ̶з̶н̶а̶н̶и̶я̶ ̶в̶ ̶J̶S̶ как эта - предлагайте)

Answer 1

[Pretor DH]

Узел это не код, это обьект.
Исходный код в виде строки хранится в свойстве этого обьекта innerHTML.
Сохрани свойство, и восстанавливай в свойство.

var copydiv = document.getElementById('top-lighthouse').innerHTML;

    localStorage['localMem'] = copydiv;
    copydiv = localStorage['localMem'];

   /*  document.body.insertBefore( copydiv, document.body.firstChild ). не годится*/
    document.body.firstChild.innerHTML = copydiv;

Answer 2

[Ivanq]

Потому что в localStorage можно писать только строки. Даже объекты записывают так:

localStorage.setItem("key", JSON.stringify(value));

Но Вы можете записывать не элемент, а само содержимое. Правда, не получится хранить обработчики и другую информацию.

Comments

[Nick_Apex]

Куда тогда сохранить код что бы его потом вставить? Разве нет еще какого то места под такие требования?

[riot26]

Nick_Apex: в локалсторедж, но перед этим перегнать в строку с помощью JSON.stringify()

[Nick_Apex]

riot26: Наверное что то не так делаю) Не получается у меня...)