JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

Event オブジェクト(イベントオブジェクト)JS ストレージオブジェクト

Storage getItem() メソッド

JavaScript ストレージオブジェクト

getItem()メソッドは指定されたストレージオブジェクトで、指定されたキー名の値を返します。

指定のキーが存在しない場合、このメソッドはnull。

getItem()メソッドはストレージオブジェクトに属しており、以下のいずれかになります。localStorageオブジェクトまたはsessionStorrageオブジェクト。

文法：

localStorage.getItem(keyName)

sessionStorage.getItem(keyName)

例

var x = localStorage.getItem("image");

テストをしてみる‹/›

ブラウザの互換性

表の数字はgetItem()メソッドを完全にサポートする最初のブラウザバージョンを指定しています：

メソッド
getItem()	4	3.5	11.5	4	9

引数の値

引数	説明
keyName	キー値を検索するために必要なキー名を含む文字列

技術的詳細

返り値：	指定のキー値を含む文字列。指定のキーが存在しない場合、nullを返します。
DOMバージョン：	网络存储API

更多实例

返回指定的会话存储项的值：

例

var x = sessionStorage.getItem("age");

テストをしてみる‹/›

您还可以使用点表示法获取值：

例

var x = localStorage.url;

テストをしてみる‹/›

以下函数从本地存储中检索三个数据项，然后使用它们在页面上设置自定义样式：

例

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;
　　　root.style.backgroundColor　=　currentColor;
　　　p.style.fontFamily　=　currentFont;
　　　img.setAttribute('src'　currentImage);
}

テストをしてみる‹/›

JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

Storage getItem() メソッド

文法：

ブラウザの互換性

引数の値

技術的詳細

更多实例

関連リファレンス