如何保存按钮

how to save a button

本文关键字：按钮 保存 何保存      更新时间：2023-09-26

我想保存这个按钮，这样当我关闭浏览器并重新打开它时，我仍然是白色的。我试了很多，但就是没有找到解决办法。

<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>

由于本地存储只存储字符串，因此无法保存按钮本身。

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

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;
  }
}
相关文章：