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