Javascript 如何保存按钮_Javascript_Html_Local Storage

Javascript 如何保存按钮

javascript html

Javascript 如何保存按钮,javascript,html,local-storage,Javascript,Html,Local Storage,我想保存这个按钮，这样当我关闭浏览器并重新打开它时，我仍然是白色的。我试了很多，但我就是没有找到解决办法 <script> function save(){ var storeButton = document.getElementById("testButton1"); localStorage.setItem("button", storeButton) } function load(){ var storedButton = localSto

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

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


函数save（）{
var storeButton=document.getElementById（“testButton1”）；
setItem（“按钮”，storeButton）
}
函数加载（）{
var storedButton=localStorage.getItem（“按钮”）；
如果（存储按钮）{
document.getElementById（“testButton1”）=存储按钮；
}
}

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

而是以字符串的形式保存所需的信息（在本例中为颜色）：

只能在localStorage中存储字符串值。将实际颜色保存为一个值，并在加载时应用它（如果存在）。我如何使用更多按钮来实现这一点？对其他按钮使用另一个键而不是“buttonColor”。例如，您可以使用与按钮id相同的键，因此上面是“testButton1”。

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