本地存储返回的是 [object HTML_InputElement] 而不是值_编程开发

本地存储返回的是 [object HTML_InputElement] 而不是值

创始人

2024-11-29 06:30:51

0次

你可以使用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"的元素中。

这样，当你点击保存按钮时，输入元素的值将保存到本地存储中；当你点击获取值按钮时，将从本地存储中获取值并将其显示在页面上。

上一篇：本地存储返回 true 但是在重新加载页面后仍然重置。

下一篇：本地存储返回复选框的错误值

本地存储返回的是 [object HTML_InputElement] 而不是值

相关内容

热门资讯