localStorage.getItem()
Passar o nome da chave para o método getItem()
da interface Storage
retornará o seu valor.
Sintaxe
var aValue = localStorage.getItem(keyName);
Parâmetros
keyName
-
Um
DOMString
contendo o nome da chave cujo valor você quer obter.
Retorno
Um DOMString
contendo o valor da chave. Se a chave não existe, é retornado null.
Exemplo
A função seguinte recupera três itens armazenados no local storage e usa-os para definir estilos customizados em uma 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;
htmlElem.style.backgroundColor = '#' + currentColor;
pElem.style.fontFamily = currentFont;
imgElem.setAttribute('src', currentImage);
}
Nota: Para ver essa funcionalidade aplicada a um exemplo real, veja nossa Web Storage Demo.
Especificações
Especificação | Status | Comment |
---|---|---|
Unknown The definition of 'getItem()' in that specification. |
Desconhecido |
Compatibilidade
BCD tables only load in the browser
Os níveis de compatibilidade podem variar em todos os navegadores, tanto para o localStorage quanto para o sessionStorage. Aqui temos estatísticas detalhadas dos níveis de compatibilidade para vários navegadores.
**Nota:**A partir da versão 5.1 do iOS, o Safari Mobile armazena os dados do localStorage na pasta do cache, sujeito a ser apagado em caso de espaço insificiente.