Question

我是关于在网上保存内容（cookie，localstorage）的最新消息，这是我当前的代码

    var c = 1;
function addText(){
    var input = document.getElementById('input').value;
    var node = document.createElement("P");
    node.setAttribute('id', 'anchor'+c);
    var textnode = document.createTextNode(input);
    node.appendChild(textnode);

    var removenode = document.createElement("input");
    removenode.setAttribute('type', 'button');
    removenode.setAttribute('value', 'X');
    removenode.setAttribute("onclick", "removeText('anchor"+c+"')");
    node.appendChild(removenode);
    c++;
    document.getElementById('do').appendChild(node);
}

function removeText(item){
    var child=document.getElementById(item);
    document.getElementById('do').removeChild(child);
}

我想知道是否有人可以在此代码中帮助我使用localstorage？我会喜欢这个帮助，我在这里阅读http://www.w3schools.com/html/html5_webstorage.asp和其他地方，但我真的不明白如何在我的代码中实现它。

感谢

Answer 1

您可以使用localStorage.setItem(key, value);功能保存到LocalStorage，并使用localStorage.removeItem(key);功能删除该项目。 JSFiddle here

Javascript：

function addText(){
    ...
    localStorage.setItem('anchor'+c, input);
    c++;
    document.getElementById('do').appendChild(node);

}

function removeText(item){
    ...
    localStorage.removeItem(item);
}

<强>更新

要显示LocalStorage中的值，我建议您执行for循环以迭代localStorage.key(index)并从那里添加文本。 JSFiddle here

if (localStorage.length) {
    for (var index = 0; index < localStorage.length; index++) {
        var key = localStorage.key(index);
        var value = localStorage.getItem(localStorage.key(index));
    }
} else {
    //localStorage == null
}

LocalStorage帮助，（工作清单）

1 个答案: