不能与本地存储设置值

Can't set value with local storage

本文关键字：设置 存储 不能      更新时间：2023-09-26

我有一个问题与本地存储。我的调试器告诉我，它在本地正确存储，但由于某种原因，我似乎不能设置feed1MainHeader的值与存储的内容?什么好主意吗?

    <div class="search">

    <input type="text" name="username" id="mySearch" value="">
    <input type="button" class="myButton" value="" onclick="setHeader();">

    </div>

这是我的值，我试图改变上面的搜索

    <div id="feed1MainHeader" value=""></div>

这是我为它写的javascript函数。

    <script type="text/javascript">                       

    function setHeader(){
    var header1 = document.getElementById("mySearch");
    localStorage.setItem("header", header1.value);
    }
    function loadHeaders(){

    document.getElementById('feed1MainHeader').value = localStorage.getItem("header");
    }
    loadHeaders();
     </script>

任何建议都会很棒。

div元素没有value，你必须使用textContent, innerHTML等来设置div的内容

function setHeader() {
    var header1 = document.getElementById("mySearch");
    localStorage.setItem("header", header1.value);
}
function loadHeaders() {
    document.getElementById('feed1MainHeader').innerHTML = localStorage.getItem("header");
}
loadHeaders();

可能是因为您在所有文档制作之前调用函数，您必须使用window.onload 

<script type="text/javascript">                       

    function setHeader(){
    var header1 = document.getElementById("mySearch");
    localStorage.setItem("header", header1.value);
    }
    function loadHeaders(){

    Document.getElementById('feed1MainHeader').value = localStorage.getItem("header");
    }
    window.onload = function(){ loadHeaders() };
     </script>
相关文章：