Javascript Can'；t将本地存储加载到文本区域

我似乎无法将名为“MyNewLocation”的本地存储变量加载到表单的文本区域

<div class="kn-input kn-input-paragraph_text" id="kn-input-field_53"> 
<label for="field_53" class="knack-input-label"><span class="kn-input-label">Location</span></label>
<p class="kn-instructions" style="display: none;"></p>
<div class="input">
<textarea id="field_53" name="field_53"></textarea>
</div>  
</div>

有人能帮我吗

下面是一个JSFIDLE：

---

非常感谢。

您将DOM对象与这些对象关联的字符串值混淆了。您也没有清楚地显示如何派生要在localStorage查找中使用的密钥。在我的示例中，我将假定键名与输入字段id（字段_53）相同

---

正常工作是

.localStorage[“MyNewLocation”]

应该使用从querySelector（）获得的变量？如果是这样，那么

“MyStorageLocation”

和

MyStorageLocation

是两个完全不同的东西：string v.s.变量。@RahilWazir谢谢你。我看到您在javascript中设置了localstorage，但是我使用另一个脚本设置了该变量。是否有任何方法可以在不设置键值的情况下检索该键值？如何确定在localStorage中查找的键值是什么？键是否与字段名匹配？@Moe这取决于在尝试检索之前设置值时调用脚本的优先级。

var MyNewLocation = document.querySelector("#field_53");
if (window.localStorage["MyNewLocation"]) {
MyNewLocation.value = window.localStorage["MyNewLocation"];
};

var MyNewLocation = document.querySelector("#field_53");
var locationKey = 'field_53';
var locationValue = window.localStorage.getItem(locationKey);
if (locationValue) {
    MyNewLocation.value = locationValue;
} else {
    console.log('Error retrieving key `' . locationKey . '` from localStorage');
}