Storage.getItem()
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 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
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 # dom-storage-getitem-dev |
Compatibilité des navigateurs
Chargement…