Can I save innerHTML of an element to HTML5 Local storage

Question

I want to get the elements within an ordered list using

var ListData = document.getElementById('MyList').innerHTML;

then I would like to store what's contained in the variable ListData to local storage. If possible, how would I go about saving the contents of that variable to localstorage? If this is not possible, I'll accept an alternative. Also, I'd like to know how to retrieve that data once it's saved. Thanks

It is possible, but depending on the amount of data you're storing, [may not be a good idea](http://stackoverflow.com/questions/2989284/what-is-the-max-size-of-localstorage-values). — André Dion, Oct 07 '13 at 13:07

T.J. Crowder · Accepted Answer · 2013-10-07T13:25:50.623

Yes, you can:

if (localStorage) { // Browser supports it
    localStorage.someKeyName = document.getElementById("MyList").innerHTML;
}

Details in the spec. There are also a large number of tutorials out there.

If you only need it for the duration of a current visit and not between visits, use sessionStorage instead of localStorage above.

Note that there are limits on the size of what you can store in web storage, and those limits may vary by browser.

Can I save innerHTML of an element to HTML5 Local storage

1 Answers1