Storage.getItem()
Storage
インターフェイスの getItem()
メソッドはキーの名称を渡すと、そのキーに対する値を返します。
構文
var aValue = storage.getItem(keyName);
引数
keyName
-
値を取り出したいキーの名称を持つ
DOMString
。
返値
キーに対する値を持つ DOMString
。キーが存在しない場合は null
が返ります。
例
以下の関数はローカルストレージから 3 個のデータアイテムを取り出して、その値を使用してページのカスタムスタイルを設定します。
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);
}
メモ: 実際の例として、Web Storage Demo をご覧ください。
仕様書
Specification |
---|
HTML Standard # dom-storage-getitem-dev |
ブラウザーの互換性
BCD tables only load in the browser