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

関連情報