Storage: getItem() メソッド

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

もっと詳しく
完全な互換性情報を見る

getItem() は Storage インターフェイスのメソッドで、キーの名称を渡すと、そのキーに対する値を返します。指定された Storage オブジェクトにそのキーが存在しない場合は null を返します。

構文

getItem(keyName)

引数

keyName: 文字列で、値を取り出したいキーの名前を指定します。

返値

キーに対する値を持つ文字列です。キーが存在しない場合は null が返ります。

例

以下の関数はローカルストレージから 3 個のデータアイテムを取り出して、その値を使用してページのカスタムスタイルを設定します。

function setStyles() {
 const currentColor = localStorage.getItem("bgcolor");
 const currentFont = localStorage.getItem("font");
 const 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 をご覧ください。