Question

我想保存此按钮，以便当我关闭浏览器并重新打开它时，我仍然是白色的。我尝试了很多，但我只是没有得到解决方案。

<script>
    function save(){

    var storeButton = document.getElementById("testButton1");
    localStorage.setItem("button", storeButton)

}

function load(){

var storedButton = localStorage.getItem("button");
if(storedButton){

    document.getElementById("testButton1") = storedButton;

}

}


 </script>

 <body onload="load()">
 <input class="blue" type="button" id="testButton1" value="click me to turn white" style="background-color:blue" onclick="changeBlue(this)">
 <input type="button" id="testButton" value="Save" onclick="save()"/>

</body>

Answer 1

您无法保存按钮本身，因为本地存储只存储字符串。

相反，请以字符串的形式保存所需的信息（在本例中为颜色）：

function save() {
  var storeButton = document.getElementById("testButton1");
  localStorage.setItem("buttonColor", storeButton.style.backgroundColor);
}

function load() {
  var color = localStorage.getItem("buttonColor");
  if (color) {
    document.getElementById("testButton1").style.backgroundColor = color;
  }
}

如何保存按钮

1 个答案: