存储:getItem() 方法

getItem() 方法是 Storage 接口的方法,当传递一个键名时,它将返回该键的值,如果该键不存在,则返回 null,在给定的 Storage 对象中。

语法

js
getItem(keyName)

参数

keyName

包含要检索其值的键名称的字符串。

返回值

包含键值的字符串。如果键不存在,则返回 null

示例

以下函数从本地存储中检索三个数据项,然后使用它们来设置页面上的自定义样式。

js
function setStyles() {
  const currentColor = localStorage.getItem("bgcolor");
  const currentFont = localStorage.getItem("font");
  const currentImage = localStorage.getItem("image");

  document.getElementById("bgcolor").value = currentColor;
  document.getElementById("font").value = currentFont;
  document.getElementById("image").value = currentImage;

  htmlElem.style.backgroundColor = `#${currentColor}`;
  pElem.style.fontFamily = currentFont;
  imgElem.setAttribute("src", currentImage);
}

注意:要查看其在实际示例中的用法,请参阅我们的 Web 存储演示

规范

规范
HTML 标准
# dom-storage-getitem-dev

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅