Die Methode getItem() des Storage-Interfaces gibt, wenn ein Schlüssel-Name übergeben wird, den Wert dieses Schlüssels zurück.

Syntax

var aValue = storage.getItem(keyName);

Parameter

keyName
Ein DOMString, der den Namen des Schlüssels dessen Wert sie auslesen wollen, enthält.

Rückgabewert

Ein DOMString, der den Wert des Schlüssels enthält. Wenn der Schlüssel nicht existiert, wird null zurückgegeben.

Beispiel

Die folgende Funktion liest drei Datenwerte aus dem lokalen Speicher und verwendet sie, um einen benutzerdefinierten Style auf einer Seite zu setzen.

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

Hinweis: Für ein richtiges Beispiel, siehe unsere Web Storage Demo.

Spezifikationen

Specification Status Comment
HTML Living Standard
Die Definition von 'Storage.getItem' in dieser Spezifikation.
Lebender Standard  

Browserkompatibilität

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Grundlegende Unterstützung4123.5810.54
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Grundlegende Unterstützung1818136113.2 ?

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: gnuemhuemten
Zuletzt aktualisiert von: gnuemhuemten,