HTML DOMストレージgetItem（）メソッド
HTML DOM Storage getItem（）メソッドは、指定されたキー名を渡すことによってストレージオブジェクトを取得するために使用されます。キーの値が返され、その名前のキーがない場合はNULLが返されます。
構文
以下は、Storage getItem（）メソッドの構文です-
localStorage.getItem(keyname);
または
sessionStorage.getItem(keyname);
ここで、keynameは文字列型であり、取得するアイテムの名前を表します。
例
HTML DOM StorageのgetItem（）メソッドの例を見てみましょう-
<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center">Storage getItem() method example</h1>
<p>Create a localStorage item with the name CLICKS to count the number of clicks on the create button by clicking the below button</p>
<button onclick="createItem()">CREATE</button>
<p>Get the CLICKS item value by clicking the below button</p>
<button onclick="showItem()">Display</button>
<p id="Sample"></p>
<script>
var y=1;
function createItem() {
document.getElementById("Sample").innerHTML="localStorage Item has been created with name CLICKS";
localStorage.visits = y;
y++;
}
function showItem() {
var x = localStorage.getItem("visits");
document.getElementById("Sample").innerHTML = "The total no. of clicks are : "+x;
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
[作成]ボタンをクリックすると-
「表示」ボタンをクリックすると-
-
HTML DOMストレージremoveItem（）メソッド
HTML DOM Storage removeItem（）メソッドは、指定されたキー名を渡すことによってストレージオブジェクトアイテムを削除するために使用されます。 構文 以下は、Storage removeItem（）メソッドの構文です- localStorage.removeItem(keyname); または sessionStorage.removeItem(keyname); ここで、keynameは文字列型であり、削除するアイテムの名前を表します。 例 Storage removeItem（）メソッドの例を見てみましょう- <!DOCTYPE html> &l
-
HTML DOM Storage key（）メソッド
HTML DOM Storage key（）メソッドは、ストレージオブジェクト内の特定のインデックスにあるキー名を返すために使用されます。インデックスはパラメータとしてkey（）メソッドに渡されます。ストレージオブジェクトは、セッションオブジェクトまたはlocalStorageオブジェクトにすることができます。 構文 以下は、-の構文です。 localStorageを使用したStoragekey（）メソッド- localStorage.key(index); sessionStorageを使用したStoragekey（）メソッド- sessionStorage.key(index);