gpt4 book ai didi

javascript - 如何保存按钮

转载 作者:行者123 更新时间:2023-12-03 11:34:50 26 4
gpt4 key购买 nike

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

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

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com