Storage.getItem()
Baseline
Ampliamente disponible
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde julio de 2015.
El método getItem() de la interfaz Storage devuelve el valor de la clave cuyo nombre se le pasa por parámetro.
Sintaxis
var aValue = storage.getItem(keyName);
Parámetros
Devuelve
Una String que contiene el valor de la clave. Si la clave no existe, devuelve null.
Ejemplo
La siguiente función toma 3 elementos del almacenamiento local (local storage) y los utiliza para establecer estilos personalizados en una página.
js
function setStyles() {
var currentColor = localStorage.getItem("bgcolor");
var currentFont = localStorage.getItem("font");
var 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);
}
Nota: Para ver esto utilizado en un ejemplo real, vea nuestra Demo de Web Storage.
Especificaciones
| Especificación |
|---|
| HTML # dom-storage-getitem-dev |