存储: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 的浏览器中加载。