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

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

关于javascript - 如何保存按钮,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26561833/

10-11 14:27