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
# dom-storage-getitem-dev

Compatibilidad con navegadores

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
getItem

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Vea también