你可以使用JavaScript中的value
属性来获取本地存储中输入元素的值,而不是直接获取HTML元素对象。
下面是一个示例代码:
HTML:
JavaScript:
// 保存值到本地存储
function saveValue() {
var input = document.getElementById("myInput");
var value = input.value;
localStorage.setItem("myValue", value);
}
// 从本地存储中获取值
function getValue() {
var value = localStorage.getItem("myValue");
var output = document.getElementById("output");
output.innerHTML = value;
}
在上面的示例中,我们使用value
属性来获取输入元素的值,并使用setItem
和getItem
方法来保存和获取值。然后,我们将获取的值显示在一个具有id为"output"的元素中。
这样,当你点击保存按钮时,输入元素的值将保存到本地存储中;当你点击获取值按钮时,将从本地存储中获取值并将其显示在页面上。