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

Storage getItem() Methode

JavaScript Storage-Objekt

getItem()Methode gibt den Wert zurück, der unter dem angegebenen Schlüsselname im angegebenen Speicherobjekt gespeichert ist.

Wenn der angegebene Schlüssel nicht existiert, gibt diese Methodenull.

getItem() Methode gehört zu den Speicherobjekten und kann seinlocalStorageObjekt odersessionStorrageObjekt.

Syntax:

localStorage.getItem(keyName)
sessionStorage.getItem(keyName)
var x = localStorage.getItem("image");
Testen Sie heraus‹/›

Browserkompatibilität

Die Zahlen in der Tabelle specify die erste Browserversion, die die Methode getItem() vollständig unterstützt:

Methode
getItem()43.511.549

Parameterwert

ParameterBeschreibung
keyNameEine Zeichenkette, die den Namen des Schlüssels enthält, dessen Wert abgerufen werden soll

Technische Details

Rückgabewert:Eine Zeichenkette, die den Wert enthält, der den angegebenen Schlüsselwert hat. Wenn der angegebene Schlüssel nicht existiert, wird null zurückgegeben
DOM-Version:Netzwerk-Speicher-API

Mehr Beispiele

Rückgabe des Wertes eines angegebenen Sitzungsspeicher-Elements:

var x = sessionStorage.getItem("age");
Testen Sie heraus‹/›

Sie können auch Punktnotation verwenden, um Werte abzurufen:

var x = localStorage.url;
Testen Sie heraus‹/›

Die folgenden Funktionen suchen drei Datenpunkte im lokalen Speicher und verwenden diese, um benutzerdefinierte Stile auf der 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;
   root.style.backgroundColor = currentColor;
   p.style.fontFamily = currentFont;
   img.setAttribute(' src' currentImage);
}
Testen Sie heraus‹/›

Verwandte Referenzen

HTML-Tutorial:Web-Speicher-API

Fenster (Window) Referenz:window.localStorage-Eigenschaft

Fenster (Window) Referenz:window.sessionStorage-Eigenschaft

JavaScript Storage-Objekt