how to save element created with javascript to local storage

Question

Is it possible to save element to local storage then call it from it this an example for what I'm trying to do

let div = document.createElement("div");

localStorage.setItem("div",div)

document.body.appendChild(localStorage.getItem("div"))

Why don't store the id or class of the div element and then retrieve the same and find the corresponding DOM element. — Som Shekhar Mukherjee
– Som Shekhar Mukherjee, Commented Apr 7, 2021 at 16:31
read this article it might help. It does not store the html elements themselves but recreates them whenever its loaded again dev.to/michaelburrows/… — Andam
– Andam, Commented May 5, 2022 at 12:07

Quentin · Accepted Answer · 2021-04-07 16:23:41Z

1

Not as such.

Values in local storage must be strings and DOM elements are not strings.

You would need to serialise the data. Most applications would use JSON and store business data rather then anything that directly represents the rendered view but you could store HTML source code.

answered Apr 7, 2021 at 16:23

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to save element created with javascript to local storage

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related