Javascript 正在保存一些contenteditables本地存储---

我正在尝试将多个contenteditable内容条目保存到我的localstorage中，以用于Chrome扩展。我当前的代码只保存了一个contenteditable部分，但是当我尝试添加另一个单独contenteditable部分的Id时，它要么删除所有保存的信息，要么根本不做任何事情。我是JS的新手，所以我希望我只是犯了一个简单的错误。我的html如下所示：

<div id = "content">
<div id= "tcontent" contenteditable="true" data-ph=" Make a note . . . "
style= "height: 300px; overflow: auto"></div>
<div id = "content2">
<div id= "tcontent2" contenteditable="true" data-ph= " Make a note . . . "
style= "height: 300px; overflow: auto"></div>
</div>

基本上，这段代码只保存一个（我首先放入getElementbyId的内容）。难道没有办法保存这两个“内容”吗？ 我一直在玩弄我对javascript所知甚少的知识，但似乎看不出我做错了什么或我应该在这里做什么

---

非常感谢您的帮助。

document.getElementById是一个只接受一个元素id的方法。您当前正在尝试向该方法传递两个字符串。那是行不通的

请参阅此处的文档：

此外，必须将每个元素的innerHTML分别分配给localStorage中保存的每一部分内容

假设你对这门语言相当陌生，我不想让你的答案过于复杂。话虽如此，请在下面找到您的代码，并进行一些修改，以便能够将这两部分分别保存在localStorage中：

window.addEventListener('load', onLoad); function onLoad() {
    checkEdits();
}

function checkEdits() {
    if(localStorage.userEdits1!=null) {
        document.getElementById("tcontent").innerHTML = localStorage.userEdits1;
    }

    if(localStorage.userEdits2!=null) {
        document.getElementById("tcontent2").innerHTML = localStorage.userEdits2;
    }
};

document.onkeyup = function (e) {
    e = e || window.event;
    console.log(e.keyCode);
    saveEdits();
};
function saveEdits() {
    var editElem1 = document.getElementById("tcontent");
    var editElem2 = document.getElementById("tcontent2");

    localStorage.userEdits1 = editElem1.innerHTML;
    localStorage.userEdits2 = editElem2.innerHTML;
};

---

它工作得很好。谢谢你解释并给我举个例子。非常感谢JS新人：）

window.addEventListener('load', onLoad); function onLoad() {
    checkEdits();
}

function checkEdits() {
    if(localStorage.userEdits1!=null) {
        document.getElementById("tcontent").innerHTML = localStorage.userEdits1;
    }

    if(localStorage.userEdits2!=null) {
        document.getElementById("tcontent2").innerHTML = localStorage.userEdits2;
    }
};

document.onkeyup = function (e) {
    e = e || window.event;
    console.log(e.keyCode);
    saveEdits();
};
function saveEdits() {
    var editElem1 = document.getElementById("tcontent");
    var editElem2 = document.getElementById("tcontent2");

    localStorage.userEdits1 = editElem1.innerHTML;
    localStorage.userEdits2 = editElem2.innerHTML;
};