JavaScriptのローカルストレージから要素を取得する方法は？

以下から　ローカルストレージ内検索　要素、ブラウザがローカルストレージを認識しているかを確認する必要があります。その後、ローカルストレージに要素を設定する必要があります。現在、ブラウザを閉じると、ローカルストレージにデータが保存されないため、慎重に行わなければなりません。その後、ローカルストレージに保存されているデータを検索する必要があります。簡単に説明します。

ローカルストレージにデータを設定するには、以下の構文を使用します。

localStorage.setItem();

例

以下の例では、まず、ストレージの互換性　を使用することができます。localStorage.setItem()プロジェクトをローカルストレージに配置する。プロジェクトがローカルストレージに配置されると、属性localStorage.getItem()データを検索する。

<html>
<body>
<p id="storage"></p>
<script>
　　　if (typeof(Storage) !== "undefined") {
　　　　　　localStorage.setItem("product", "Tutorix");
　　　　　　document.getElementById("storage").innerHTML = localStorage.getItem("product");
　　　}
　　　else {
　　　　　　document.getElementById("storage").innerHTML = "Sorry, no Web Storage compatibility...";
　　　}
</script>
</body>
</html>

出力結果

Tutorix

基礎教程

おすすめのコンテンツ