Javascript -本地存储

Question

我想再次隐藏和显示DIVS。不幸的是，当我重新加载页面时，保存在本地存储中不起作用。

function toggleElementDisplay(name) {
    var divs = document.getElementsByName(name), 
    closed_divs = document.getElementById(localStorage.closed_divs);
    if (closed_divs && closed_divs !== divs) {
        closed_divs.style.display = 'none';
    }

    for(i=0; i < divs.length; i++) {
       divs[i].style.display = (divs[i].style.display=="none") ? "block" : "none";
    }
    localStorage.closed_divs = divs;
};

if (localStorage.closed_divs) {
    toggleElementDisplay(localStorage.closed_divs);
} 

Answer 1

这不是使用localStorage接口的正确方式。localStorage公开getItem和setItem方法。您必须使用它们来设置和获取值

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

Answer 2

本地存储不使用.attribute语法。相反，请使用localStorage.getItem('closed_divs')和localStorage.setItem('closed_divs', divs)。这样，数据将在页面重新加载时保持不变。