Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptのローカルストレージから要素を取得しますか？

取得する ローカルストレージの要素 ブラウザがローカルストレージを承認しているかどうかを確認する必要があります。後で、ローカルストレージに要素を設定する必要があります。現時点では、ブラウザを閉じるとローカルストレージにデータが保存されないため、注意が必要です。後で、ローカルストレージに保存されているデータを取得する必要があります。一言で言えばそれについて話し合いましょう。

ローカルストレージにデータを設定するための構文は次のとおりです

localStorage.setItem();

例

次の例では、最初は互換性 if条件を使用して、ストレージの数がチェックされます。後で、 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

  1. JavaScriptでIDで要素を削除しますか？

    IDで要素を削除するには、remove（）を使用できます。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>D

  2. ローカルストレージに値を設定してフェッチします– JavaScript？

    localStorage.setItem（ anyKeyName、yourValue）を使用してローカルストレージに値を設定します。値を取得する場合は、localStorage.getItem（ yourKeyName）を使用できます。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport"