English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Método Storage getItem()

Objeto Almacenamiento de JavaScript

getItem()El método devuelve el valor asociado a la clave especificada en el objeto de almacenamiento especificado.

Si la clave especificada no existe, este método devuelvenull.

El método getItem() pertenece a los objetos de almacenamiento y puede serlocalStorageObjeto osessionStorrageObjeto.

Sintaxis:

localStorage.getItem(keyName)
sessionStorage.getItem(keyName)
var x = localStorage.getItem("image");
Ver la prueba‹/›

Compatibilidad del navegador

Los números en la tabla especifican la primera versión del navegador que admite completamente el método getItem():

Método
getItem()43.511.549

Valor del parámetro

ParámetrosDescripción
keyNameUna cadena que contiene el nombre de la clave que se desea recuperar

Detalles técnicos

Valor de retorno:Una cadena que contiene el valor asociado a la clave especificada. Si la clave especificada no existe, se devuelve null
Versión DOM:API de almacenamiento en red

Más ejemplos

Devuelve el valor del elemento de almacenamiento de sesión especificado:

var x = sessionStorage.getItem("age");
Ver la prueba‹/›

También puedes obtener valores utilizando la notación de punto:

var x = localStorage.url;
Ver la prueba‹/›

Las siguientes funciones buscan tres elementos de almacenamiento local, y luego utilizan estos datos para establecer estilos personalizados en la página:

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;
   root.style.backgroundColor = currentColor;
   p.style.fontFamily = currentFont;
   img.setAttribute('src' currentImage);
}
Ver la prueba‹/›

Referencias relacionadas

Tutoriales de HTML:API de Almacenamiento Web

Referencia de ventana (Window):Atributo window.localStorage

Referencia de ventana (Window):Atributo window.sessionStorage

Objeto Almacenamiento de JavaScript