javascript - 单击访问本地存储中的键值无法按计划进行

Question

我正在尝试使用本地存储使用 JavaScript 创建一个简单的留言板，用户输入他们的姓名和一些文本，它会显示在表单下方。

当我单击删除按钮而不是记录文本时，其记录“删除”(按钮的文本内容)我有一个名为 text 的变量，它应该保存用户提交的消息的文本，我无法找出这里出了什么问题。

**function removeMessage(text){
    console.log(text);
}**


function fetchMessages(){
    let messages=JSON.parse(localStorage.getItem('messages'));
    const messageBoard=document.querySelector('#messageBoard');
    messageBoard.innerHTML="";
    for(let i=0; i<messages.length; i++){
        const name= messages[i].name;
        **const text=messages[i].text;**
        messageBoard.innerHTML+=
        `<div class="all">
            <div class="names">
                <h3>${name}</h3>
            </div>
            <div class="messages">
                <p>${text}</p>
                </div>
            <div class="button">
                **<a onclick="removeMessage(text)" href="#" id="delete">Remove</a>**
            </div>
        </div>`;
    }
}

Answer 1

您没有名为 text 的全局变量当您点击<a onclick="removeMessage(text)" href="#" id="delete">Remove</a>时，text指this.text <a>的元素，即 Remove 。也许你应该替换 removeMessage(text)与 removeMessage(${text})或者使用某种指向该条目的索引。