Storage.getItem()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 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 DOMString
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
Specification |
---|
HTML Standard # dom-storage-getitem-dev |
Compatibilidad con navegadores
BCD tables only load in the browser