Por ejemplo, después de hacer clic en el botón Ocultar , algunos elementos desaparecen
function hideItem() { targList = document.getElementsByClassName("completed"); document.getElementsByClassName("completed") if (targList) { for (var x = 0; x < targList.length; x++) { targList[x].setAttribute('style', 'display: none !important'); } } localStorage.setItem("autosave", targList); }Pero después de actualizar el estilo de página de los elementos, no guarde. ¿Cómo conservar este estilo de elemento después de recargar la página web?
No puede almacenar DOM en localStorage. Tendría que guardar el código de identificación para cada elemento. Por ejemplo, id .
Luego haz lo contrario después de cargar la página.
function hideItem() { var targList = document.getElementsByClassName("completed"); var hidden_ids = [] for (var x = 0; x < targList.length; x++) { targList[x].setAttribute('style', 'display: none !important'); hidden_ids.push(targList[x].id) } localStorage.setItem("autosave", JSON.stringify(hidden_ids)); } function loadItem() { var hidden_ids = Json.parse(localStorage.getItem("autosave") || '[]'); for (var x = 0; x < hidden_ids.length; x++) { document.getElementById(hidden_ids[x]).setAttribute('style', 'display: none !important'); } } hideItem(); <div id="elem1" class="completed">hello</div> <div id="elem2" class="not-completed">hello</div>