Storage.getItem()

The getItem() method of the Storage interface, when passed a key name, will return that key's value.

SyntaxEdit

var aValue = storage.getItem(keyName);

Parameters

keyName

A DOMString containing the name of the key you want to retrieve the value of.

Returns

A DOMString containing the value of the key. If the key does not exist, null is returned.

ExampleEdit

The following function retrieves three data items from local storage, then uses them to set custom styles on a page.

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);
}

SpecificationsEdit

Browser compatibilityEdit

All browsers have varying capacity levels for both localStorage and sessionStorage. Here is a detailed rundown of all the storage capacities for various browsers.

See alsoEdit

Using the Web Storage API