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

keyName

Una DOMString que contiene el nombre de la clave cuyo valor se quiere obtener.

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

Vea también