如何从localStorage获取值并赋值到指定HTML元素？

问题原因 #

• 你把text_field_data声明成了const常量，后续重新赋值会直接抛出语法错误
• 你最初给text_field_data赋值的是input元素的value值（是字符串副本），哪怕改成可修改的变量，修改这个字符串副本也不会同步更新到DOM元素上，必须直接修改元素的value属性

修正后代码 #

(function Pull_Data_From_Storage(){     
    // 先获取DOM元素本身，而不是直接取value值
    const text_field_elem = document.getElementById("text_field");
    const stored_text_data = localStorage.getItem("TEXT735");
    // 直接给元素的value属性赋值，加判断避免localStorage无对应值时赋值为null
    if(stored_text_data !== null) {
        text_field_elem.value = stored_text_data;
    }
})();

优化说明 #

• 新增非空判断，避免localStorage中不存在TEXT735键时，把输入框的值设为"null"字符串
• 变量命名做了区分，避免后续维护时混淆DOM元素和存储值

内容的提问来源于stack exchange，提问作者CodeShow