title | slug |
---|---|
Storage.getItem() |
Web/API/Storage/getItem |
{{APIRef("Web Storage API")}}
{{domxref("Storage")}} 接口的 getItem()
方法,当传递一个键名时,将返回该键的值;而如果在给定的 Storage
对象中不存在该键,则返回 null
。
getItem(keyName)
keyName
- : 一个包含你要检索的键名字符串。
一个包含键值的字符串。如果该键名不存在,则返回 null
。
下面的函数从本地存储中获取三个数据项,然后使用他们在页面上设置自定义样式:
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);
}
Note
有关实际运行的例子,详见 Web Storage 演示。
{{Specifications}}
{{Compat}}