Storage.getItem()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

La méthode getItem() de l'interface Storage renvoie la valeur associée à la clé passée en paramètre.

Syntaxe

js
var aValue = storage.getItem(keyName);

Paramètre

keyName

Une DOMString contenant le nom de la clé voulue.

Renvoi

Une DOMString contenant la valeur de la clé. null est renvoyé si aucune correspondance n'est trouvée.

Exemple

La fonction suivante récupère trois élément du stockage local, puis réutilise les valeurs renvoyés afin de modifier le style de la page .

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

Note : Pour voir cette fonction utilisée dans un exemple réel, dirigez-vous vers notre Demo de Stockage Web (en).

Spécifications

Specification
HTML Standard
# dom-storage-getitem-dev

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi